Background legenda

As dori si eu sa fac grupurile din legenda ca in imaginea de mai sus.

Mersi.

Up.

1.Pentru a adauga proprietati background-ului folosim clasa CSS: body.

Putem adauga un background format dintr-o culoare:

Cod:

body{
background-color: #CULOARE;
}

...dintr-o imagine:

Cod:

body{
background-image: url(LINK IMaGINE);
}

..sau ambele:

Cod:

body{
background:#CULOARE url(LINK IMaGINE);
}

De asemenea putem modifica pozitia background-ului in caz ca dorim un background imagine si culoare:

Cod:

body{
background: #CULOARE url(LINK IMaGINE);
background-position: bottom center;
}

..sau o putem face sa se repete daca dorim sau nu adaugand:

Cod:

body{
background: #CULOARE url(LINK IMaGINE);
background-position: bottom center;
background-repeat: no-repeat;
}

Cod:

body{
background: #CULOARE url(LINK IMaGINE);
background-position: bottom center;
background-repeat: repeat-x;
}

Cod:

body{
background: #CULOARE url(LINK IMaGINE);
background-position: bottom center;
background-repeat: repeat-y;
}

2. Pentru a personaliza conturul forumului dvs. folosim clasa .bodyline

Putem creea un border :

Cod:

.bodyline{
border: 1px solid #CULOARE;
}

info:

..Pentru background:

Cod:

.bodyline{
border: 1px solid #CULOARE;
background: CULOARE;
}

..pentru a face colturile (alea patratoase) ceva mai atragatoare (adica sa le rotunjim):

Cod:

.bodyline{
border: 1px solid #CULOARE;
background: #CULOARE;
border-radius: 5px;
-moz-border-radius: 5px;
-web-kit-border-radius: 5px;
}

Si pentru final am pastrat cel mai bun cod
Si anume acela de a adauga o umbra la conturul forumului

Cod:

.bodyline{
border: 1px solid #CULOARE;
background: #CULOARE;
border-radius: 3px;
-moz-border-radius: 3px;
-web-kit-border-radius: 3px;
-moz-box-shadow: 0 0 4px #CULOARE;
-webkit-box-shadow: 0 0 4px #CULOARE;
box-shadow: 0 0 4px #CULOARE;
}

3.Informatii:

Inlocuiti #CULOARE; cu culorea dorita de exemplu: #C7C7C7;

Scz dar miai postat 1000 coduri dar tot nam retinut exact codul care am nevoie , unde il pun si cum fac ca fiecare grup sa aiba culoarea specifica...

emy [;x], Boldul şi culorile sunt rezervate pentru moderare. Puteti folosi in schimb caractere italice sau subliniate.
Mulţumesc pentru înţelegere!
goroSM, as dori sa-ti adaugi link-ul forumului si sa-ti actualizezi versiunea in profil. Forumul pe care-l ai in profil este punBB, dar versiunea aleasa este invision.

Update.