WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

Webáruház sablonok készítése

Webáruház menüsor készítés


    A CSS3 fejezetben már láttunk egy megoldást menüsor készítésére. Most megpróbáljuk egy kicsit másként.                         

Programozott tananyag:


Listaszerkezet kialakítása
Első lépésben elhelyezzük a linkeket a menüsorban, mégpedig lista szerkezetben. Csupán HTML kód változik.

Felsorolás formázása
A 2. példakódban sorközi elemmé alakítjuk a listaelemeket. Így már egy sorban középre igazítva jelennek meg.

Link elem csinosítása
A link elemet a menüben inline-block elemként formázzuk. Ízlés szerint kap szegélyt és árnyékot.