Neko

Függöleges menü készítése

Szeretnél TE is egyedi CSS-es menüstílust? Nincs más dolgod, mint letölteni INNEN ezt a picike programot. Telepítsd fel a gépedre, ami összesen pár percet vesz igénybe és már készítheted is a menüdet CSS kód tudása nélkül.

A program leírása:

Ha letöltötted a programot bontsd ki a tömörített file-t. Ha nem tudod, hogy kell ITT olvashatsz róla.
Ha kibontottad, akkor kezd el feltelepíteni a programot. Gyengébbek kedvéért a legelejétől képekkel mutatom a lépéseket.
1.

2.

Itt pipáld ki amit rószaszínnel bekereteztem!

3.

Itt azt látod, hogy hova és milyen nevű mappában fogja neked telepíteni a programot.

4.

Itt azt látod, hogy a Start menüben hogy szerepel

5.

Én csak afelsőt pipáltam ki. Azt jelenti, hogy az Asztalra parancsikont fog tenni

6.

Kattints az INSTALL-ra!

7.

Ha kipipálod, akkor miután rányomsz a FINISh-re elindul a progi. Én nem szoktam az ilyent kipipálni.

8.
Fel is telepítetted a progit. Most indítsd el. KB. ezt látod te is:

katt a képre a nagyobb mérethez

A legelső fül: MENU ITEMS
Itt tudod megírni a menücímeket és belinkelni őket így:

PÉLDA

Ha belinkelted a menüidet, akkor azt ajánlom, hogy mentsd el őket  gépedre. és legközelebb, mikor új CSS menüt szeretnél, csak megnyitod az elmentett menüt és nem kell újra megírnod a címeket és a linkeket. Tudod az elmentettet is szerkeszteni. Közé is írhatsz menücímet ésa sorrenden is változtathatsz ;)

9.
Készíthetsz 3 féle menüt:

FÜGGŐLEGESET:

VÍZSZINTESET:

LENYÍLÓ MENÜT:

Ezek  a mintán az alapértelmezett képek. Fölöttük látható, hol kell beállítani a betűszínt, betűtípust, link színét, legyen keret vagy ne, stb. Kísérletezz. Bármit állítasz rajta, az alsó ablakban látod az eredményedet.

10.
Az utolsó fül a HTML/CSS

Itt találod  kódodat. Az egészet nem fogod látni. Ments le külön-külön a HTML és a CSS kódot. Utána nyisd meg őket pl. jegyzettömbel vagy WorldPad-dal.
  
Másold ki a kódokat és illesz be oldaladba azon részében egymás után a két kódot, ahol a menüket meg szeretnéd jeleníteni. Ennyi az egész. Pár perc alatt létrehozhatsz egyedi CSS kódos menüt CSS kód tudás nélkül :)

Példa menü! Ezt pár perc alatt csaptam összem. Majd készítek jobbakat is.
Ja! Még valami:A programban az ékezeteket furán jeleníti meg, de azzal ne törődj, mert ha beilleszted a kódot, akkor ott már jól fog mutatni.

 

Ez a kép alapján be tudod állítani a CSS generátorban a menüd stílusát. Egy nagyon egyszerű kis program. Könnyű a kezelhetősége és hamar meg lehet tanulni.

Súgó Még nincs hozzászólás.