html css trikovi ikonice u html kodu


Besplatni online kurs web dizajna

Nastavna jedinica: Ikonice u HTML kodu


Nazad


Kod dizajniranja web stranica često kao detalj nalaze se razne ikonice pored teksta – ikonica kućice za adresu firme, ikonica telefona pored teksta gde je telefon firme, ikonica emial-a itd. Naravno, asortiman ikonica je velik i može se korisiti za mnoge druge vizuelne oznake – na primer ikonica Close za brisanje podataka iz baze, ikonica OK ukoliko je nešto tačno. Ikonice koje se renderuju u Browseru kao sličice uopšte nisu sličice nego – font. Na primer, dovoljno je da iz običnog Word-a pozovete font Windings i umesto slova pojavljuju se sličice. Po istom principu radi i prikaz ikonica u HTML strani tako što kao podlogu imate odredjeni font i za svaku ikonicu preko stilova pozivate odredjenu klasu.

Kod dizajniranja web stranica često kao detalj nalaze se razne ikonice pored teksta – ikonica kućice za adresu firme, ikonica telefona pored teksta gde je telefon firme, ikonica emial-a itd. Naravno, asortiman ikonica je velik i može se korisiti za mnoge druge vizuelne oznake – na primer ikonica Close za brisanje podataka iz baze, ikonica OK ukoliko je nešto tačno. Ikonice koje se renderuju u Browseru kao sličice uopšte nisu sličice nego – font. Na primer, dovoljno je da iz običnog Word-a pozovete font Windings i umesto slova pojavljuju se sličice. Po istom principu radi i prikaz ikonica u HTML strani tako što kao podlogu imate odredjeni font i za svaku ikonicu preko stilova pozivate odredjenu klasu.

PREUZMITE FOLDER ICONS

Unutar body odeljka odnosno u bilo koji deo HTML koda gde želite da se prikaže odredjena ikonica unesite kod koji poziva odredjenu klasu ikonice - klasa Home, search itd. Kao rezultat u Browser-u se prikazuje odredjena ikonica.

 

U HEAD sekciju

                                    "link rel="stylesheet" href="icons/icons.css" media="screen"	                  

 

PRIMER:

U Footer-u ove stranice (dole-desno) gde je adresa firme nalaze se ikonice home, phone tako da jednostavnim pozivanjem klasa, u Browseru se prikazuju ikonice.

NOVO - DOPUNITE ZNANJE - WEB PROGRAMIRANJE (PHP, SQL)

Posle pređenih svih nastavnih jedinica u okviru Besplatne online obuke za web dizajn, obuku možete nadograditi odnosno dopuniti svoje znanje tako što će naučiti i web programiranje - PHP, SQL - izrada dinamičkih sajtova, online prodavnica. Kurs prati napisana skripta, izvorni kodovi i nekoliko desetina video nastavnih jedinica gde polaznik hronološki uči pisanje koda u PHP-u, testiranje skripti, korišćenje i rad sa Local serverom.

Cena obuke