In tutorialul de astazi am sa va arat cum puteti personaliza widget-urile forumului cu ajutorul css-ului. Tot ce trebuie sa faceti este sa urmati pasii de mai jos.
Uitati un exemplu pentru a va da seama despre ce este vorba:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Acum ca stiti despre ce este vorba, haideti sa incepem!
In imaginea de mai sus m-am folosit de clasa .module pentru a aplica modificari widgeturilor.
Adaugati urmatorul cod in Panou de administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
.module {
border: 1px solid #949494;
border-radius: 7px;
background-color: #f4f4f4;
}
Explicarea codului:
.module { = Inceputul codului si numele clasei care va suferi modificari..
border: 1px solid #949494; = Conturul tabelului, modificati #949494 cu culoarea dorita.
border-radius: 7px; = Rotunjirea tabelului, puteti modifica valoarea 7px cu o valoare mai mica sau mai mare, in functie de cat de rotunjit sa fie tabelul.
background-color: #f4f4f4; = Culoarea de fundal a tabelului, modificati #f4f4f4 cu culoarea dorita.
border: 1px solid #949494;
border-radius: 7px;
background-color: #f4f4f4;
}
Explicarea codului:
.module { = Inceputul codului si numele clasei care va suferi modificari..
border: 1px solid #949494; = Conturul tabelului, modificati #949494 cu culoarea dorita.
border-radius: 7px; = Rotunjirea tabelului, puteti modifica valoarea 7px cu o valoare mai mica sau mai mare, in functie de cat de rotunjit sa fie tabelul.
background-color: #f4f4f4; = Culoarea de fundal a tabelului, modificati #f4f4f4 cu culoarea dorita.
Si ai reusit!
Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
Razvan11Lun 11 Apr - 14:29