Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Personalizare clase pentru phpBB3

power_settings_newConectați-vă pentru a răspunde

25022012
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.

Comentarii

Mr.Crazy
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
avatar
Fain.. Bravo !
mr.franta
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
RazvaN
Bravo Keir pentru coduri.
Anonymous
Foarte utile codurile, mai ales pentru începători. Din păcate, mulţi nu ştiu de ele.
Hissae2
Foarte utile codurile,multumesc Keir.
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum