Da bi ste koristili bilo koji font na Vašem sajtu, sve što je potrebno jeste da koristite sledeći CSS kod:
|
1
2
3
4
5
|
@font-face{font-family: nazivfonta;src: url('neki font.ttf');} |
Nastavi čitanje „KORISTITE BILO KOJI FONT UZ POMOĆ @FONT-FACE | OSNOVE CSS (5 DEO)“
Hover efekat je neka promena koja se dešava kada se pređe kursorom strelice preko nekog elementa na stranici. CSS nam donosi mnoštvo mogućnosti pa tako hover efekat možemo primeniti i na slike. U daljem tekst sledi par primera kako možete da primenite fade efekat na slike, na Vašoj stranici. Nastavi čitanje „HOVER – FADE EFEKTI NA SLIKAMA | OSNOVE CSS (4 DEO)“
Pored senke (shadow) , zaobljene ivice su još jedna od novih mogućnosti koje nam donosi CSS. Ova mogućnost je takođe podržana od svih modernih brauzera: Firefox, Opera, Chrome, Internet Explorer 10, Safari. Starije nekih verzije brauzera neće prikazati zaobljene ivice, jer tada ova mogućnost nije postojala. Nastavi čitanje „ZAOBLJENE IVICE (BORDER-RADIUS)| OSNOVE CSS (3 DEO)“
CSS3 je nova verzija CSS koja donosi mnoštvo novih mogućnosti za WEB dizajnere. U ovom članku biće predstavljena jedna od novih mogućnosti – senka (shadow) i to samo uz pomoć CSS -a! Ova, nova mogućnost CSS-a je podržana od svih modernih brauzera : Firefox, Opera, Chrome, Internet Explorer 10, Safari. Nastavi čitanje „SENKA (SHADOW) | OSNOVE CSS (2 DEO)“
Od kada su se pojavili pametni telefoni, sve više korisnika pristupa internetu preko mobilnih telefona. Kako svaki mobilni uređaj ili tablet ima drugačije dimenzije ekrana, javila se potreba da se sajtovi optimiziju za sve ekrane uređaja sa kojih se pristupa sajtu. Responsive dizajn se u potpunosti izrađuje u CSS-u. Tamo je potrebno definisati kako će se prikazati slike, tekst i slično na različitim dimenzijama ekrana. Nastavi čitanje „SLIKE U RESPONSIVE DIZAJNU WEB SAJTOVA OSNOVE CSS (1 DEO)“
Tabele se na sajt dodaju pomoću HTML oznake <table> | </table>
Ovoj oznaci se dodaju još dve HTML oznake <tr> i <td> | </tr> i </td>
<tr> sa ovom oznakom se prave redovi u tabeli
<td> sa ovom oznakom se tabela deli na više kolona. Takođe sa ovom oznaku u tabelu se dodaju: Nastavi čitanje „TABELE | OSNOVE HTML (5 DEO)“
Linkovi na sajtu povezuje stranice na Vašem sajtu ili za povezivanje Vašeg sajta sa nekim drugim sajtom. Klikom na tekst link-a, otvara se stranica koja je definisana u samom kodu link-a.
Linkovi se u HTML-u dodaju pomoću sledećeg koda: Nastavi čitanje „LINKOVI | OSNOVE HTML (4 DEO)“
Napravite novi CSS dokument i povežite ga sa HTML-om (ako ne znate kako, možete da pročitate u postu kako dodati tekst u kojem se nalazi deo izrade CSS fajla i povezivanja sa HTML-om) kada ste sve to odradili u CSS unesite sledeći kod: Nastavi čitanje „KAKO PROMENITI POZADINU WEB SAJTA | OSNOVE HTML (3 DEO)“
Slike dodajmo pomoću koda koji postavljamo u body oznaku ( gde i ostali sadržaj):
|
1
|
<img src="slika.jpg"> |
U delu nakon src dodajemo putanju do naše slike npr. slika.jpg ili slika.png u zavisnosti od ekstenzije sa kojom se slika završava (jpg, png ,gif).
Napomena: naziv slike u html mora biti isto napisan kao i naslov fajla u kojem se nalazi slika. Ovo je važno jer linuks serveri zahtevaju da putanja i naziv slike budu isti (velika, mala slova) primer:
Naziv slike je: Slika.jpg Nastavi čitanje „KAKO DODATI SLIKE NA WEB SAJT? OSNOVE HTML (2 DEO)“
Jedan od najbitnijih elemenata na web strani jeste I sam tekst. Tekst se dodaje pomoću oznake <p> i ona se stavlja u body oznaku zajedno sa ostalim sadržajem (slike, tabele i slično). Primer dodavanja teksta: Nastavi čitanje „KAKO DODATI TEKST NA WEB SAJT? | OSNOVE HTML (1 DEO)“
Osnove HTML - CSS 