Kako Napraviti Jelovnik Na Web Mjestu

Sadržaj:

Kako Napraviti Jelovnik Na Web Mjestu
Kako Napraviti Jelovnik Na Web Mjestu

Video: Kako Napraviti Jelovnik Na Web Mjestu

Video: Kako Napraviti Jelovnik Na Web Mjestu
Video: 13: How to Create a Menu in HTML | Learn HTML and CSS | HTML Tutorial | CSS Tutorial 2024, Svibanj
Anonim

Informacijska tehnologija razvija se svaki dan. A ono što se prije činilo kao nešto nedostižno, danas je već dostupno gotovo svakom čovjeku na ulici. A uopće nije potrebno imati natprirodne sposobnosti i znanje za izradu vlastite web stranice. A ako govorimo samo o dodavanju izbornika u vaš resurs, onda to može podnijeti i školarac.

Kako napraviti jelovnik na web mjestu
Kako napraviti jelovnik na web mjestu

Nužno je

Računalo s internetskom vezom

Upute

Korak 1

Idite na web mjesto PureCSSMenu. Ovdje ćete vidjeti vizualni uređivač pomoću kojeg možete brzo i jednostavno stvoriti izbornik za bilo koju stranicu.

Korak 2

Da biste otišli na stranicu na kojoj su postavljeni predlošci izbornika, kliknite gumb "Predlošci" koji se nalazi s lijeve strane. Zatim morate odabrati predložak koji vam se sviđa i kliknuti na njega. U prozoru "Pregled" vidjet ćete stvarno radni izbornik koji je stvoren pomoću kaskadnih listova stilova.

3. korak

Pregledajte svaki od predloženih predložaka i odaberite onaj koji najbolje odgovara vašoj web lokaciji. Ako boja i font koji su vam se svidjeli u stilu izbornika ne odgovaraju shemi boja web mjesta, tada možete promijeniti ove parametre klikom na karticu "Parametri".

4. korak

Promijenite boju i font pomoću HTML koda ili ih odaberite iz palete koju nudi resurs klikom na nijansu koja vam se sviđa.

Korak 5

Sada stvorite strukturu izbornika za svoje web mjesto. Da biste to učinili, kliknite gumb "Stavke". Na kartici koja se otvori vidjet ćete gumb s velikim znakom plus i natpisom "Dodaj stavku". Pritisnite ovaj gumb i nova stavka bit će dodana na kraju izbornika. Da biste umetnuli novu stavku u sredinu izbornika, odaberite karticu nakon koje treba dodati i kliknite gumb s oznakom "Dodaj sljedeću stavku".

Korak 6

Da biste dodali podstavku na padajući izbornik, pritisnite gumb s oznakom "Dodaj podtočku", nakon odabira stavke izbornika koja će sadržavati novu karticu. Ako želite ukloniti bilo koju stavku, odaberite je i kliknite gumb "Ukloni stavku".

Korak 7

U području "Parametri stavke" potrebno je popuniti sva polja kako bi novi izbornik ispravno radio. U polje "Tekst" unesite naziv stavke izbornika, u polje "Veza" unesite adresu stranice na koju će se prijelaz izvršiti nakon klika na ovaj gumb. Da biste odabrali kako će se stranica otvoriti, u polju "Cilj" postavite vrijednost "_self" ili "_blank". S prvom opcijom, stranica će se otvoriti u istom prozoru, s odabranom funkcijom "_blank" - u novom.

Korak 8

Sada morate zalijepiti kôd stvorenog izbornika na svoje mjesto. Da biste to učinili, kliknite gumb "Preuzmi" koji se nalazi u donjem desnom kutu i odaberite mapu na računalu u koju će biti spremljena arhiva purecssmenu-com.zip. Nakon spremanja datoteke, raspakirajte ovu arhivu i otvorite datoteku purecssmenu.html koja sadrži vaš kôd izbornika. Kopirajte ovaj kod i zalijepite ga u datoteku predloška web stranice.

Preporučeni: