Personalizarea tabelelor cu ajutorul CSS-ului

Buna ziua!
In acest tutorial va voi arata cum sa realizati un tabel de moderare cu ajutorul CSS-ului si unor mici coduri BB.

In primul rand, va rog sa aruncati o privire la aceasta demonstratie:

Mesajul dumneavoastra aici! Mesajul dumneavoastra aici! Mesajul dumneavoastra aici! Mesajul dumneavoastra aici!

Bine, atunci haideti sa incepem...

Pasul 1:
Copiati si inserati acest cod in Foaie de stil CSS:
Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS.

Cod:

Cod:

.cpinfo td{
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo td{
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://i.imgur.com/BZ17N.png');
}

Pasul 2:
Utilizati balizele BB in interiorul mesajului atunci cand doriti sa il reproduceti:
Cod:

Cod:

[table class="cpinfo"][tr][td]Mesajul dumneavoastra aici! Mesajul dumneavoastra aici!
Mesajul dumneavoastra aici! Mesajul dumneavoastra aici!
[/td][/tr][/table]

Aceste tabele pot fi folosite si pentru un mesaj de moderare, de exemplu.

Asta a fost tot!

Pentru utilizatorii experimentati:
La adaugarea codului in foaia de stil CSS aveti posibilitatea de a modifica grosimea chenarului (border: 1px solid), culoarea textului (color: #00529B), culoarea de fundal din caseta (background-color: #BDE5F8) precum si imaginea de fundal (background-image: url('https://i.imgur.com/BZ17N.png').