SAlutare astazi o sa va arat cum o sa colorati legenda moderatorilor fara a fi nevoie de un cod javascript.
1.Dam click pe un grad din legenda(ex: administrator) apoi copiem din link-ul de sus terminatia cu aceasta line / va fi ceva de genul /u1 /u2-moderator etc.
2.Adaugati in css acest cod care coloreaza legenda care o doriti.
3.Repetati acest pas la fiecare grad in parte si schimbati culorile in cele preferatre de voi.
background: #culoare; (culoarea de fundal)
border: 1px solid #culoare (culoare linie care inconjoara fundalul)
4.Adaugare imagine in legenda.
Acesta a fost tot.
SFAT: puteti inlocui culoarea de fundal cu imagini (la primul cod de legenda din pasul 2)
Inlocuiti background: #culoare cu background-image: url(link imagine);
Va las aici cateva imagini de fundal facute de mine,puteti sa le adaugati si cu hover.
Sper sa va placa,pentru nelamuriri si probleme va rog sa postati in sectiunea de suport
http://frannnta-design.hitforum.ro/f42-suport-coding
1.Dam click pe un grad din legenda(ex: administrator) apoi copiem din link-ul de sus terminatia cu aceasta line / va fi ceva de genul /u1 /u2-moderator etc.
2.Adaugati in css acest cod care coloreaza legenda care o doriti.
Cod:
a[href="link terminatie"]{
background: #culoare;
border: 1px solid #culoare;
font-size: 11px;
color: white!important;
border-radius: 5px;
box-shadow: 0 0 1px #fff inset;
text-shadow: 0 0 2px #000;
font-weight: 400!important;
padding: 5px 10px}
3.Repetati acest pas la fiecare grad in parte si schimbati culorile in cele preferatre de voi.
background: #culoare; (culoarea de fundal)
border: 1px solid #culoare (culoare linie care inconjoara fundalul)
4.Adaugare imagine in legenda.
Cod:
a[href="link terminatie"]:before{
content: url(link imagine);
position: relative;
top: 2px;
right: 2px;
margin-left: 3px;
}Acesta a fost tot.
SFAT: puteti inlocui culoarea de fundal cu imagini (la primul cod de legenda din pasul 2)
Inlocuiti background: #culoare cu background-image: url(link imagine);
Va las aici cateva imagini de fundal facute de mine,puteti sa le adaugati si cu hover.
Sper sa va placa,pentru nelamuriri si probleme va rog sa postati in sectiunea de suport
http://frannnta-design.hitforum.ro/f42-suport-coding