Pregledavate postove iz kategorije: HTML i CSS

Kako postaviti “bilo koji”* font na svoju web stranicu?

Kako postaviti “bilo koji”* font na svoju web stranicu?

* Pod bilo koji font mislim na fontove koje legalno posjedujete .

U čemu je zapravo problem, pa problem je u tome da vi u teoriji možete staviti bilo koji font koji imate instaliran na svom računalu u dizajn vaše stranice. I to će sve super raditi, dok tu [...]

Making dropdown menu for Magazeen theme

Making dropdown menu for Magazeen theme

Since I’ve got a lot of quiestions regarding this subject I’ve decided to write a tutorial about it. So this tutorial is how to make a dropdown menu for Magazeen theme, like the one you see at the top of this page. This is the way I did it, but [...]

Mala škola web dizajna za totalne početnike – Lekcija 5 – Formovi

Mala škola web dizajna za totalne početnike – Lekcija 5 – Formovi

Evo napokon i peta lekcija iz “Male škole web dizajna”. Htio sam napraviti kraći tutorial i na kraju je ispao 44min. Al šta je tu je. U ovoj lekciji ćete naučiti napraviti formular preko kojeg će vas posjetitelji vašeg sajta moći kontaktirati. Za izradu formulara ćete koristiti HTML a [...]

Mala škola web dizajna za totalne početnike – lekcija 4 – drugi dio (CSS)

Mala škola web dizajna za totalne početnike – lekcija 4 – drugi dio (CSS)

Ovo je drugi dio video tutoriala iz male škole web dizajna. U ovom djelu obrađujemo CSS i završavamo stranicu koju smo počeli raditi u prvom dijelu ovoga tutoriala. Ovaj video traje skoro 2 sata. Pogledajte kako će izgledati stranica koju ćete napraviti pomoću ovog tutoriala.

Kliknite na link ispod “Pročitajte ostatak [...]

Mala škola web dizajna za totalne početnike – lekcija 4 – prvi dio (HTML)

Mala škola web dizajna za totalne početnike – lekcija 4 – prvi dio (HTML)

Link na orginalnu stranicu sa kojeg možete skinuti .AVI

Pošto je Veoh.com prestao puštati pristup hrvatima na svoj sajt, morao sam premjestiti ove video tutoriale. Trenutno, se video nalazi na vimeo.com i čini mi se da je ovaj servis poprilično dobar, jedino ima nekih problema sa uploadom filmova, tako da je [...]

Mala škola web dizajna za totalne početnike – Lekcija 3 – osnove CSS-a

Mala škola web dizajna za totalne početnike – Lekcija 3 – osnove CSS-a

U prošloj lekciji zadatak je bio da napravite da odlomci, odnosno p tagovi imaju gornji i donji obrub u crvenoj boji, da budu debljine 2px i da budu pune linije. Lijevi i desni obrubi će biti crtkani, debljine 5px i plave boje.

Riješenje ovog zadatka je vrlo jednostavno:

p{
border-bottom: 2px solid #FF0000;
border-top: [...]

Mala škola web dizajna za totalne početnike – Lekcija 2 – osnove CSS-a

Mala škola web dizajna za totalne početnike – Lekcija 2 – osnove CSS-a

Zadnji puta smo stali na ovome. Znači napravili smo kostur naše stranice. Odnosno definirali smo strukturu stranice, kao što vidite, stranica baš i ne izgleda nešto posebno. Da bi ju malo uljepšali moramo se koristiti CSS-om. Ako nam je HTML kostur, onda bi CSS bio meso koje ćemo staviti na [...]

Mala škola web dizajna za totalne početnike – Lekcija 1 – osnove HTML-a

Uvod

Odlučio sam početi pisati ovu malu školu iz nekoliko razloga:
1. Zato što sam skužio da nisam objasnio dobro neke stvari u prva dva tutorijala.
2. Zato što želim napraviti jedan sveobuhvatni tečaj na ovim stranicama počevši od samih osnova pisanja koda pa do grafičkog oblikovanja web stranica u Photoshopu.

Lekcije će izlaziti [...]

Dizajniranje bez tablica za početnike #2 – Izbornici

Evo kao što sam obećao napravio sam video tutorial za izbornike i CSS. Ispričavam se odmah na kvaliteti zvuka i možda na još nekim problemima unutar videa. Imajte razumjevanja, ipak mi je ovo prvi ovakav tutorial.

Dizajniranje bez tablica za početnike #1

Uvod

Ovo je prvi dio u seriji tutoriala pomoću kojega ćete, nadam se naučiti osnove izrade web stranica bez korištenja tablica za vizualni izgled stranica. U ovome tutorialu ću pokazati kako napraviti početnu stranicu, koja će se sastojati od zaglavlja, dva stupca
i podnožja, znači nekakvu standardnu stranicu.