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
 

fifth element
autor agata
05.10.2004 21:55

NaSajmu
autor Kisha
24.01.2004 00:10

wruuum.ring.ri ng 2
autor chris
12.06.2006 15:40

Duhi
autor w34a
21.05.2005 12:58

Tshirt - Bad boy
autor r&r
02.11.2004 22:42

ispod maske
autor daex
25.10.2005 22:03
 
  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...
These new "Rolesor" models are also
Forum: FFA
(0 Replies) View latest post
jafanshen
prije 2 dana, 11h
No one in the movie even ever glances
Forum: FFA
(0 Replies) View latest post
jafanshen
prije 2 dana, 11h
I was asked to write an article making
Forum: FFA
(0 Replies) View latest post
jafanshen
prije 2 dana, 11h
Time and Gems offers six DLC covered
Forum: FFA
(0 Replies) View latest post
jafanshen
prije 2 dana, 11h
This is good news because it coincides
Forum: FFA
(0 Replies) View latest post
jafanshen
prije 2 dana, 11h
Adidas NMD R1 Noir Blanche soldes
Forum: DTP i print dizajn
(0 Replies) View latest post
essTracy
prije 7 dana, 16h
Nike Air Max 95 Weiß Rosa Neue Produkte
Forum: DTP i print dizajn
(0 Replies) View latest post
essTracy
prije 7 dana, 16h
Adidas Another Crazy Ultra Improve Sock ...
Forum: Fontovi
(0 Replies) View latest post
Muthanna
prije 13 dana, 10h
 
 To the forum... 


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


 
» Username:
» Password:
Autologin?

 
» Registrirajte se!
» Zaboravili ste password?
91 korisnik je trenutno online
 
14 @ 0.109735
x