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 la data de Mar 14 Feb - 9:27

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"
<input class="anninput" type="button" value="Mai incet" onClick="document.getElementById('anndown').setAttribute('scrollamount', 1, 5);">

A doua viteza - Butonul "Viteza normala"
<input class="anninput" type="button" value="Viteza normala" onClick="document.getElementById('anndown').setAttribute('scrollamount', 3, 0);">

A treia viteza - Butonul "Rapid"
<input class="anninput" type="button" value="Rapid" onClick="document.getElementById('anndown').setAttribute('scrollamount', 6, 0);">
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:
<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>
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
   
Acest tutorial a fost scris de catre Coddy.

   Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Louk
Membru onorific
Membru onorific

masculin

Mesaje : 9527
Localizare : România - o țară din ce în ce mai ocupată.
Data înscrierii : 25/04/2009
Multumiri : 171
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum