Alegerea vitezei de derulare a anunturilor

Scris de Louk Mar Feb 14, 2012 9:27 am

Alegerea vitezei de derulare a anunturilor

Salutare,

Pentru a intelege exact despre ce este vorba va prezint urmatoarea imagine:

Mici indicatii:
- Acest tutorial este realizabil pe orice versiune de forum: phpBB2, phpBB3, PunBB si Invision;
- Daca vreti sa va personalizati viteza unui anunt intr-una mai rapida sau mai putin rapida, aveti nevoie de mici cunostinte in HTML;
- Codurile nu se adauga in Anunturi, ci in Generalitati, dupa indicatiile ce urmeaza.

1. Accesam Panoul de Administrare => Afisare => Pagina de start => Generalitati.

2. Completam campul Titlul mesajului cu titlul care doriti sa va apara in antet-ul anuntului. Exemplu: Anunturile forumului

3. In Continutul mesajului vom adauga urmatorul cod:

Cod:: <marquee behavior="scroll" height="40px" id="anndown" direction="down" scrollamount="3" onMouseOver="this.stop();" onMouseOut="this.start();"><p align="center">Anuntul meu aici</p></marquee> <input class="anninput" type="button" value="Mai incet" onClick="document.getElementById('anndown').setAttribute('scrollamount', 1, 5);"> <input class="anninput" type="button" value="Viteza normala" onClick="document.getElementById('anndown').setAttribute('scrollamount', 3, 0);"> <input class="anninput" type="button" value="Rapid" onClick="document.getElementById('anndown').setAttribute('scrollamount', 6, 0);">

Atentie: pentru cei ce doresc personalizarea vitezei:
- pentru a personaliza cele 3 viteze este nevoie sa modificam urmatoarele 3 coduri:

Prima viteza - Butonul "Mai incet"

A doua viteza - Butonul "Viteza normala"

A treia viteza - Butonul "Rapid"

Mai exact, cele 3 valori: 1, 5 | 3, 0 | 6, 0.

4. Accesam Panoul de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS. Aici vom adauga urmatorul cod (indiferent de versiunea de forum pe care o folositi):

Cod:: .anninput{ position: relative !important; bottom: 79px; }

Daca doriti un buton personalizat, puteti folosi acest cod:

Cod:: .anninput{ position: relative !important; bottom: 79px; background-color: #EEE; border: 1px solid #676; -webkit-box-shadow: inset 0px 0px 6px #BBB !important; -moz-box-shadow: inset 0px 0px 6px #BBB !important; box-shadow: inset 0px 0px 6px #BBB !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; font-weight: 600 !important; text-shadow: 0px 0px 2px #FFF !important; }

5. Acum, tot in foaia de stil CSS, vom adauga un cod care depinde de versiunea de forum pe care o folositi:

phpBB2:

Cod:: .cattitle{ text-align: center !important; }

phpBB3:

Cod:: .panel.introduction .h3{ text-align: center !important; }

PunBB:

Cod:: .page-title{ text-align: center !important; }

Invision:

Cod:: .newslink .h3{ text-align: center !important; }

6. Dupa aplicarea codurilor, este necesara modificarea lor dupa preferintele noastre. Astfel, ne intoarcem la Panoul de Administrare => Afisare => Pagina de start => Generalitati, unde vom gasi prima parte a codului:

Anuntul meu aici

height="40px" => arata browser-ului ce inaltime sa aiba tabelul de anunturi, iar odata modificand acest cod, va trebui sa modificati bottom: 79px din foaia de stil CSS.
scrollamount="3" => Aceasta valoare reprezinta viteza de origine pentru derulare.

7. Aplicam modificarile efectuate! A face cu ochiul