Background din 2 culori.

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:

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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); }

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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?

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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); }


Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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.

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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?

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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 !

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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.

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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.

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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 - 15:50

Am bagat codul ala si mi s-a rotunjit rau forumul pe mozilla.Ce sa fac?


Ultima editare efectuata de catre Estyle in Sam 26 Mai - 16:36, editata de 1 ori

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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 - 16:34

Daca ai vorbi mai politicos poate te-as ajuta mult mai usor...
Astea sunt variabilele:
Cod:
        /* 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(#fff), to(#f3f3f3));

        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #fff, #f3f3f3);

        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #fff, #f3f3f3);

        /* IE 10 */
        background: -ms-linear-gradient(top, #fff, #f3f3f3);

        /* Opera 11.10+ */
        background: -o-linear-gradient(top, #fff, #f3f3f3);

Te descurci A face cu ochiul

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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 - 16:39

Am reusit in sfarsit dar pe mozilla cand vizualizez forumul se rotunjesc rau coltrile la forum,pe chrome se vede foarte bine.Ce sa fac?

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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 - 16:50

Proababil ai modificat pun-ul din greseala
Cod:
.pun {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;}

Spoiler:
Ps: Nu cred ca era greu sa extragi din primele coduri variabilele.

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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 - 17:22

Ce sa modific de la pun daca pe chrome se vede bine si pe firefox nu.Ce sa fac ca sa se vada si pe firefox bine?

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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 - 17:27

Cauta:

Cod:
-moz-border-radius:90px;

Si inlocuie cu:

Cod:
-moz-border-radius:9px;

Problema era la pun, trebuia sa cauti cu atentie cand am spus Râset

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 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 - 18:25

Mersi frumos pentru tot.

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 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 - 18:30

Cu mare placere A face cu ochiul

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Keir la data de Dum 27 Mai - 15:17

Estyle, să înțeleg că pot trimite subiectul în arhivă ca rezolvat?

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Estyle la data de Sam 2 Iun - 16:16

Da

Estyle
Membru Forumgratuit

Mesaje : 96
Varsta : 25
Data de inscriere : 04/05/2012
Multumiri : 0
Niciun avertisment

Sus In jos

Rezolvat Re: Background din 2 culori.

Mesaj Scris de Vizitato la data de Sam 2 Iun - 16:18

topic rezolvat

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum