Background din 2 culori.

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 12:16

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:
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 12:27

Foloseste-te de o imagine modificata in Photoshop ( foloseste un gradient ) Fericit
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); }
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 12:35

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?
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 12:40

Foloseste CSS-ul acesta:
Nu uita sa modifici cu propriile culori HEX Râset
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); }

avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 12:47

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.
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 13:01

Foloseste #fff si #f3f3f3 Fericit

Cod:

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


Ultima editare efectuata de catre Omu in Sam 26 Mai - 16:33, editata de 1 ori
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 13:38

Am bagat si apare doar o dunga albastra la statistici.Ce fac?
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 13:43

Pune forumul in profil !
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 13:52

Uite-te acum ca l-am pus.
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 13:55

Poftim codul Râset


Ultima editare efectuata de catre Omu in Sam 26 Mai - 16:36, editata de 2 ori
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 26 Mai - 14:22

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.
avatar
Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 26
Data înscrierii : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Omu la data de Sam 26 Mai - 15:31

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 A face cu ochiul
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum