Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Alegerea vitezei de derulare a anunturilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Alegerea vitezei de derulare a anunturilor

Mesaj 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:
Alegerea vitezei de derulare a anunturilor BTOXe
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
Louk

Louk
Membru onorific
Membru onorific

Mesaje : 9392
Localizare : România - o ţară din ce în ce mai ocupată.
Data înscrierii : 25/04/2009
Mulțumiri : 172
Mozilla Firefox phpBB3

https://help.forumgratuit.ro/
Louk a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum