Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
Cuvinte-cheie

edit  

Adaugarea unui chenar la titlul rangului


Bun gasit,

In tutorialul de astazi am sa va arat cum puteti adauga un chenar rangurilor de pe forumul dvs. Acest tutorial se aplica pentru toate versiunile, deci haideti sa incepem.
Demonstratie:


Cod:
.tech {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/highli11.png") repeat-x scroll 0px 0px rgb(70, 88, 78);
    border: 1px solid rgb(58, 74, 64);
    border-radius: 2px 2px 2px 2px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 100%;
    margin: 5px auto;
    padding: 5px 6px;
    text-align: center;
    float: left;
    text-shadow: 0px 0px 0px transparent, 0px 0px 3px rgba(0, 0, 0, 0.5);
    width: 102px;
}

.tech:hover {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/highli11.png") repeat-x scroll 0px 0px rgb(70, 88, 78);
    border: 1px solid rgb(58, 74, 64);
    border-radius: 2px 2px 2px 2px;
    opacity: 0.8;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 100%;
    margin: 5px auto;
    padding: 5px 6px;
    text-align: center;
    float: left;
    text-shadow: 0px 0px 0px transparent, 0px 0px 3px rgba(0, 0, 0, 0.5);
    width: 102px;
}
Dupa ce ati adaugat codul css de mai sus, urmatorul cod in P.A ~> Utilizatori & Grupuri ~> Ranguri ~> Administrarea rangurilor ~> Selectati rangul dorit( daca nu aveti deja unul creat, il puteti crea)
Iar in titlul rangului adaugati:
Cod:
<div class="tech">NUME RANK</div><br />
Inlocuiti NUME RANK cu denumirea dorita.

Si asta a fost tot!  
   
   


Tutorial scris de Wanse, adaugat si corectat de Rylled

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru premium
avatar
la data de Dum 21 Oct - 16:45
Hissae2 Membru premium
Conectat
Poti adauga si o demonstratie?
Membru dedicat
avatar
la data de Dum 21 Oct - 16:55
mr.franta Membru dedicat
Conectat
Te rog sa adaugi o demonstratie si versiunea platformei
Vizitator
avatar
la data de Dum 21 Oct - 16:58
Vizitato Vizitator
Conectat
Demo:

Versiune: Toate
Vizitator
avatar
la data de Dum 21 Oct - 17:01
Vizitato Vizitator
Conectat
Frumos, n-am ce spune, dar l-am mai vazut.
Vizitator
avatar
la data de Dum 21 Oct - 17:07
Vizitato Vizitator
Conectat
Stiu ca a mai fost vazut acest chenar, dar eu l-am personalizat am bagat un bold si un effect de opacitate si in curand va urma sa fac un hover de effect 3D
Membru ET
avatar
la data de Dum 21 Oct - 18:34
Soricelul Membru ET
Conectat
Este destul de frumos, bravo!
Vizitator
avatar
la data de Dum 21 Oct - 19:03
Vizitato Vizitator
Conectat
Multumesc!
Vizitator
avatar
la data de Dum 21 Oct - 19:04
Vizitator Vizitator
Conectat
Furat de pe CSSHelp
Vizitator
avatar
la data de Dum 21 Oct - 19:23
Vizitato Vizitator
Conectat
Cum zici tu, daca vezi acest cod pe alt forum inseamna ca e furat?
Vizitator
avatar
la data de Dum 21 Oct - 19:29
Vizitator Vizitator
Conectat
Matti a fost cel care a avut primul acesl script pentru rank
Membru ET
avatar
la data de Sam 16 Noi - 16:00
Kitsune Membru ET
Conectat
Unde schimb culoarea la fundal chenar ?
Membru ET
avatar
la data de Sam 28 Mar - 13:37
hamsahaq Membru ET
Conectat
thank you sir![Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]