HTML

« povratak

CSS image hover efekt
U tutorialu Poboljšanje sitea uz pomoć CSS-a (autor retro_one) uredno je opisana dobro strukturirana navigacija i pokazano je kako je urediti u CSS-u. No ponekad obični fontovi i ograničenje samo na boje pozadina i 'bordera' elemenata ozbiljnom dizajneru nisu dovoljne za ostvarenje zamišljenog izgleda. Metode za IR (image replacement) u CSS-u već su dugo s nama, neke bolje a neke lošije, primarno zbog potrebe da ljudi na web stranici vide fontove koje je dizajner i namijenio. Idealni IR bi bio takav da zamijeni tekst iz nekog HTML elementa sa slikom — CSS background-image — bez korištenja dodanih tagova (u većini slučajeva nested span elementa), a da očuva tekst tako da ih screen readeri čitaju. Jedan takav blizu idealnog je Accessible Image Replacement (Mike Rundle). Njegovu metodu koristim u ovom tutorialu.
HTML
15.02.2005 20:36 15.02.2005 20:36 12 Pregled / dodavanje komentara za tutorial: CSS image hover efekt   


Rezanje za web - Image Ready

Prije nego što uopće počnete rad na nekim web stranicama, dogovorite sami sa sobom (najbolje na papiru - ne vjerujte si) da li će one biti 100%-tne širine (neovisne o rezoluciji) ili fixne širine (npr. 760 pixela)

HTML
31.12.2003 13:17 31.12.2003 13:17 5 Pregled / dodavanje komentara za tutorial: Rezanje za web - Image Ready   


Poboljšanje sitea uz pomoć CSS-a
Jedna od glavnih prednosti CSS-a je definitvno to što omogućuje da razdvajanje dizajna od sadržaja. Ono što nam CSS još pruža je mogućnost da logički strukturiramo podatke na stranici. U ovom tutorialu ću navesti neke načine kako se CSS može korisno iskoristiti i u slučaju da još uvijek želite raditi layout s tablicama. Večina onoga što će se naći u tekstu se može naći po drugim siteovima (npr. ALA), tako da će se ispod svake cjeline naći i linkovi na kojima se može pročitati više o određenoj temi.
HTML
19.12.2003 14:05 19.12.2003 14:05 4 Pregled / dodavanje komentara za tutorial: Poboljšanje sitea uz pomoć CSS-a   


Ispisivanje shoutboxa s CSS-om
U proslom tutorialu koji se ticao shoutboxa, che.UP je pokazao kako možete kreirati svoji shoutbox. Danas ćete naučiti kako ispisivati shoutbox entrye. Ono što je novo je pristup ispisivanju shoutboxa. Nećemo koristiti tablice, nego će sve biti definirano CSS-om što nam omogućuje kako da imamo čišći i manji kod, tako i da izgled shoutboxa jednostavno mijenjamo.
HTML
17.12.2003 21:02 17.12.2003 21:02 5 Pregled / dodavanje komentara za tutorial: Ispisivanje shoutboxa s CSS-om   


Izdvojeni radovi
 

Sve ce to o mila moja
autor knock
18.02.2007 13:46

G_Nome Project
autor Phoenix
10.09.2003 22:14

snowsteps
autor slywayart
28.12.2003 06:48

Skakavac
autor Jasenka
25.01.2006 09:52

Auto portret
autor agata
28.09.2004 19:55

bp...mi3dot style...
autor E1
17.11.2005 18:09
 
  I još nekoliko friško komentiranih ...
Mulja
kategorija Non-digital art
autor Lith 08.05.2006 23:58
zadnji komentar muljatorica 01.09.2016 02:20
34 Pregled / dodavanje komentara za rad: Mulja
NoName wallpaper
kategorija Wallpapers
autor NoName 02.07.2004 23:29
zadnji komentar zoraqian 27.08.2016 09:14
14 Pregled / dodavanje komentara za rad: NoName wallpaper
Sexymotherfuckers Kifameno
kategorija Dizajn
autor germy 27.11.2015 22:17
zadnji komentar zoraqian 27.08.2016 09:13
2 Pregled / dodavanje komentara za rad: Sexymotherfuckers Kifameno
Pušač
kategorija Fotografija
autor ariesZG 29.03.2011 17:26
zadnji komentar Toco1980 08.03.2015 19:40
4 Pregled / dodavanje komentara za rad: Pušač
HEJ TI ! 24
kategorija Fotografija
autor daex 12.08.2013 17:31
zadnji komentar daex 06.03.2014 15:15
2 Pregled / dodavanje komentara za rad: HEJ TI !  24
inObscuro logo
kategorija Dizajn
autor nel`chee 26.05.2013 19:26
zadnji komentar nel`chee 20.11.2013 16:39
4 Pregled / dodavanje komentara za rad: inObscuro logo
Ena Cigerette box creation
kategorija Digital art
autor Kec 15.08.2013 03:21
zadnji komentar daex 15.08.2013 11:34
1 Pregled / dodavanje komentara za rad: Ena Cigerette box creation
krasan cvjetak
kategorija Fotografija
autor jojo 15.03.2010 10:15
zadnji komentar Dante 12.07.2013 21:25
1 Pregled / dodavanje komentara za rad: krasan cvjetak
Latest forum activity...
How Natural The Transparent Lace Wigs Can Be
Forum: Video
(0 Replies) View latest post
mslynn
prije 5h:5min
How To Revive Your Curly Wig Weave
Forum: Fontovi
(0 Replies) View latest post
mslynn
prije 5h:7min
How To Keep Deep Wave Hair Looking Wet
Forum: DTP i print dizajn
(0 Replies) View latest post
mslynn
prije 5h:10min
Air Jordan 11 workout
Forum: Web stranice
(0 Replies) View latest post
ashoessaler
prije 10h:35min
how to get a job in Australia?
Forum: Web stranice
(0 Replies) View latest post
chris20009
prije 1 dan, 8h
How to earn by driving in Australia?
Forum: WIP
(0 Replies) View latest post
chris20009
prije 2 dana, 6h
GGDB Shoes your
Forum: Web stranice
(0 Replies) View latest post
ashoessaler
prije 4 dana, 5h
Golden Goose Shoes in Von
Forum: Web stranice
(0 Replies) View latest post
ashoessaler
prije 4 dana, 5h
 
 To the forum... 


Flash (2)
Freehand (4)
HTML (4)
Photoshop (7)
Programiranje - PHP (3)


 
» Username:
» Password:
Autologin?

 
» Registrirajte se!
» Zaboravili ste password?
145 korisnika je trenutno online
 
14 @ 0.051053
x