Background din 2 culori.

[Estyle]

Cum as putea face si eu un background la fel ca cel din imagine care l-am inconjurat adica backgroundul la statistici:E imagine sau e facut cu css:

[Omu]

Foloseste-te de o imagine modificata in Photoshop ( foloseste un gradient )
Iar pentru a aplica pe un tabel, uploadeaza imaginea si inlocuie in codul urm. :

Cod:


.exemplu {
height: 200px;
width: 200px;
background: url('LINK IMAGINE') repeat-x;}

Adauga acest cod unde doresti pentru a vedea rezultatul:

Cod:


<div class="exemplu"><br />Continut<br /></div>

Sau direct CSS:

Cod:


.exemplu {
 /* General */
background-color: #1a82f7;
background: url(images/linear_bg_2.png);
background-repeat: repeat-x;

/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

 /* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #2F2727, #1a82f7);

/* IE 10 */
background: -ms-linear-gradient(top, #2F2727, #1a82f7);

/* Opera 11.10+ */
background: -o-linear-gradient(top, #2F2727, #1a82f7); }


[Estyle]

Nu prea am inteles mare lucru dar iti apreciez munca.As vrea sa stiu ce cod in css ar trebuii sa introduc ca sa fac un background in gheneral la ceva ca in imaginea aia.Poti sa ma ajuti?

[Omu]

Foloseste CSS-ul acesta:
Nu uita sa modifici cu propriile culori HEX

Cod:

  #onlinelist {
    /* General */
    background-color: #1a82f7;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2F2727, #1a82f7);

    /* IE 10 */
    background: -ms-linear-gradient(top, #2F2727, #1a82f7);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2F2727, #1a82f7); }

#stats {
    /* General */
    background-color: #1a82f7;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2F2727, #1a82f7);

    /* IE 10 */
    background: -ms-linear-gradient(top, #2F2727, #1a82f7);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2F2727, #1a82f7); }



[Estyle]

Eu nu vreau exact asta,stiam sa fac din css dar pe mine ma intereseaza mai mult culorile acele sau o imagine care sa o pun background.Daca sti ce culori ar trebuii sa pun sau macar sa imi dai background-ul de acolo sa arate la fel ca in imagine.

[Omu]

Foloseste #fff si #f3f3f3

Cod:


.div {
background: url(''IMAGINE");}

[Estyle]

Am bagat si apare doar o dunga albastra la statistici.Ce fac?

[Omu]

Pune forumul in profil !

[Estyle]

Uite-te acum ca l-am pus.

[Omu]

Poftim codul

[Estyle]

Aolo,eu as vrea nu numai la statistici ci si la alte alea precum,bara de la footer,borderul de la legenda si altele sa fac backgorundul asa.Ce tot ma complici cu opera firefox si altele.Spunemi clar dintr-un cod nu din doua cum sa fac ca in imagine.

Vreau sa-mi dai un cod sa-l adaug eu la mai multe alea.De ex as vrea sa pun astfel de background si la legenda,si la bara de la footer si la toate alea.Tu mi-ai dat 2 coduri si nu inteleg nimic si nici nu functioneaza.

[Omu]

Iti dai seama ca asta va trebui sa faci singur nu?
Eu ti-am dat codul pentru gradient, pentru celalalte clase trebuie sa faci singur..Asta ar insemna ca eu sa-ti fac tema, iar tu sa pui un mic copyright nu? Ei bine, trebuie sa pui si tu putin osul la treaba, altfel nu vei reusi.
Sfat: Foloseste functia 'Inspect element' de pe Chrome sau de pe Firefox