Personalizarea claselor phpBB3!

Personalizarea claselor phpBB3!

Bună ziua,

Netuts vă pune la dispoziţie o mică gamă de clase personalizate pentru versiunea phpBB3:


Personalizarea conturului forumului:

Cu contur normal:

Cod:

#wrap{
border: 1px solid #culoare;
border-radius: 5px;}


Cu contur punctat:

Cod:

#wrap{
border: 1px dashed #culoare;
border-radius: 5px;}

Personalizarea background-ului din interiorul forumului:

Cu imagine:

Cod:

#wrap{
  background: url(LINKIMAGINE);}

Fără imagine:

Cod:

#wrap{
  background: #culoare;}

Personalizarea background-ului:

Cu imagine:

Cod:

body{
background: url(LinkImagine);}

Fără imagine:

Cod:

body{
background: #culoare;}

Personalizarea meniului de navigare:

Cod:

#page-header .navbar{
background: #culoare;
border-radius: 6px;
border: 1px solid #culoare;}

Personalizarea link-urilor din meniul de navigare:

Cod:

.navlinks{
border-bottom: none;
font-family: Arial;
font-size: 12px;}

Personalizarea link-urilor din footer:

Cod:

.clearfix{
font-size: 11px;
font-family: Arial;}

Personalizarea meniului de navigare din footer:

Cod:

#page-footer .navbar{
background: #culoare;
border-radius: 5px;
border: 1px solid #culoare;}

Personalizarea fundalului logo-ului:

Cu imagine:

Cod:

.headerbar{
background: url(Link imagine);
border: 1px solid #culoare;
border-radius: 5px;}

Fara imagine:

Cod:

.headerbar{
background: #culoare;
border: 1px solid #culoare;
border-radius: 5px;}

Crearea unui border la categorii:

Cod:

.forabg , .forumbg{
border: 1px solid #culoare;
border-radius: 5px;}

Modificarea fundal categorii:

Fără imagine:

Cod:

.forabg , .forumbg{
background: #culoare;}

Cu imagine:

Cod:

.forabg , .forumbg{
background:  url(LINk IMAGINE);}

Aţenţie! Codurile trebuie personalizate şi modificate de dvs. "background: #culoare;" trebuie înlocuit de dvs cu codul culorii. Numai bine!

---

Tutorial realizat de Keir
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

Reușit tutorial . Bravo Gabriel !

Foarte bun tutorial.

Multumim pentru tutorial Keir, este foarte folositor .

Foarte utile coduri pentru incepatori. Daca le-as fi stiut la inceput...

Bun tutorial,este foarte util pentru cei ce nu cunosc foarte bine aceasta platforma si nu au invatat inca despre CSS etc.