Navigare rapidă

Ultimele subiecte
» Prezentare CHR
Scris de Zeus Vin 20 Oct - 22:13
» CHR portofoliu
Scris de CHR Dum 8 Oct - 23:09
» Tema noua pe Extrem Tutorials
Scris de CHR Dum 8 Oct - 22:55
» Cum iti creezi propriul joc online
Scris de officialzaru Joi 5 Oct - 20:26
Cuvinte-cheie

edit  

Personalizare clase pentru phpBB3


În acest tutorial puteţi găsii câteva clase elementare pentru versiune phpBB3. Dvs. puteţi le puteţi folosii şi personaliza:

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 scris de Keir

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

Comentariile utilizatorilor
Membru activ
avatar
la data de Sam 25 Feb - 19:01
Mr.Crazy Membru activ
Conectat
Bravo...este foarte util..aici poti gasi ceva ce gasesti in 5 topic'uri, ar trebui sa faci intr-un topic pentru toate versiunile si sa il postati ca Anunt sau Post-It
Membru ET
la data de Sam 25 Feb - 22:15
Capone Membru ET
Conectat
Fain.. Bravo !
Membru dedicat
avatar
la data de Sam 25 Feb - 22:44
mr.franta Membru dedicat
Conectat
pentru toate aceste chestii care nu le stiam trebuia sa deschid cate un subiect la fiecare problema
multumesc ca mi-ai facut viata mai usoara Keir
Membru dedicat
avatar
la data de Sam 28 Apr - 10:26
RazvaN Membru dedicat
Conectat
Bravo Keir pentru coduri.
Vizitator
avatar
la data de Joi 3 Mai - 15:34
Vizitato Vizitator
Conectat
Foarte utile codurile, mai ales pentru începători. Din păcate, mulţi nu ştiu de ele.
Membru premium
avatar
la data de Sam 12 Mai - 19:13
Hissae2 Membru premium
Conectat
Foarte utile codurile,multumesc Keir.