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
 

Leonidas
autor skam
30.04.2007 12:35

'68.
autor Peewee
09.12.2005 14:36

Sestre
autor w34a
09.10.2005 20:35

200 rad!!!
autor FriX1981
08.02.2006 23:12

Ispod vode
autor Jasenka
16.11.2004 10:30

Flanker
autor 0viking0
29.12.2005 21:47
 
  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...
over the threads
Forum: Web stranice
(0 Replies) View latest post
iyelknd
prije 8h:48min
guttae like prams,
Forum: Web stranice
(0 Replies) View latest post
iyelknd
prije 9h:5min
przygotowane do ruchu
Forum: Web stranice
(0 Replies) View latest post
iyelknd
prije 9h:19min
nike roshe run sale
Forum: Web stranice
(0 Replies) View latest post
MartinWinifred
prije 3 dana, 13h
adidas nmd mujer
Forum: Web stranice
(0 Replies) View latest post
MartinWinifred
prije 3 dana, 13h
adidas y3 negro
Forum: Vektor
(0 Replies) View latest post
sarawalkers
prije 5 dana, 12h
nike air huarache homme
Forum: Audio
(0 Replies) View latest post
sarawalkers
prije 5 dana, 12h
nike air classic bw trainers
Forum: Fontovi
(0 Replies) View latest post
sarawalkers
prije 5 dana, 13h
 
 To the forum... 


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


 
» Username:
» Password:
Autologin?

 
» Registrirajte se!
» Zaboravili ste password?
160 korisnika je trenutno online
 
14 @ 0.066931
x