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.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/1.png)
2.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/2.png)
Itt pipáld ki amit rószaszínnel bekereteztem!
3.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/3.png)
Itt azt látod, hogy hova és milyen nevű mappában fogja neked telepíteni a programot.
4.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/4.png)
Itt azt látod, hogy a Start menüben hogy szerepel
5.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/5.png)
Én csak afelsőt pipáltam ki. Azt jelenti, hogy az Asztalra parancsikont fog tenni
6.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/6.png)
Kattints az INSTALL-ra!
7.
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/7.png)
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:
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_8.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_8.png)
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:
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/9.png)
PÉLDA
![](http://i180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/9_1.png)
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:
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_fuggoleges.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_fuggoleges.png)
VÍZSZINTESET:
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_vizszintes.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_vizszintes.png)
LENYÍLÓ MENÜT:
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_lenyilo.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_lenyilo.png)
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
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_9_2.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_9_2.png)
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.
![http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_9_4.png](http://s180.photobucket.com/albums/x126/LindaDesign2007/www_gportal_hu/th_9_4.png)
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.