Gradient pozadina u css-u (pozadina u kojoj se prelivaju boje)

Ići dole

Gradient pozadina u css-u (pozadina u kojoj se prelivaju boje)

Počalji od Vuk98 taj Čet Feb 04, 2010 10:03 am

ovo je veoma kratak tut...znaci u ps-u napravite dokument 1x800 bele pozadine i unda na taj leyer idete blendign options i udjite u gradient overlay i napravite prelivanje kakvo (pazite da pocne jednom bojom, preliva se u drugu i opet vrati u prvu) zelite i zapamtite u png...meni je ispalo ovako:



i onda u css-u napravite ovako:
Kod:

ime_klase {
   background-color: transparent;
   background-image: url('link slike');
        background-repeat: repeat;
   background-attachment: scroll;
   color: #bebebe;
   font-size: 12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
umesto link slike stavite link do slike a umesto ime klase stavite ime klase npr. u punbb-u umesto:


Kod:
body {
   background-color: #228395;
   background-image: url('http://i86.servimg.com/u/f86/13/96/16/34/bocy10.png');
   background-attachment: scroll;
        background-repeat: repeat-y;
   color: #333333;
   font-size: 12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
        background-position: center;
   }

ovo:
Kod:
body {
   background-color: transparent;
   background-image: url('link slike');
        background-repeat: repeat;
   background-attachment: scroll;
   color: #bebebe;
   font-size: 12px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }

ovo takodje mozete kombinovati sa mojim tutorijalom za zaobljivanje: http://svettutorijala.forumotion.net/css-tutorijali-f7/css3-sve-oko-zaobljivanja-i-drop-shadow-t266.htm

ovaj ceo tut sam sam napravio...ukoliko ga zelite postaviti negde na kraju stavite ovo:

Kod:
[size=18][font=Arial Black][b]Tutorijal by Vuk98 ©️[/b][/font][/size]
avatar
Vuk98
Član
Član

Broj poruka : 123
Datum upisa : 01.02.2010
Lokacija : negde

Pogledaj profil korisnika

Nazad na vrh Ići dole

Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu