.
Ha nem egészen értem, amit ezek a html-címkék, css, asztalok, olvassa fel az alapvető technikákat létrehozására az oldalon.
Példa a html tag létrehozása menüt az alábbi kódot:
Szabványos CSS stílusokat vízszintes menü
Mi felkészülnek arra, hogy felső menüben a kalap, anélkül, hogy különösebb stílus és harangok és a síp lehet nevezni egy csontváz a jövő szép menüt. Ha másolja, és tegye meg a HTML és CSS ez a következőképpen fog kinézni.
Példa frame (sablon) jövőd menü
Minden kiderült egészen egyszerűen, akkor természetesen szeretnék egyszer szép főmenübe, de anélkül, hogy megértenék az alapokat egyszerűen nem lehet létrehozni egy jó menüt hiba nélkül a HTML és CSS.
Vannak még számos más CSS technikákat használják, hogy egy vízszintes menü mellett a float: left;. így például, kijelző: inline-block; vagy kijelző: flex;. de ajánlott, hogy egy fent ismertetett eljárás.
Töltsünk Étlapunkon sablon különböző stílusok és ez szép.
Most pedig néhány példát a kész kész design vízszintes menüsorban.
Minden „szép” hozhat létre a webhely magad, ahelyett, keresés az interneten. A legegyszerűbb módja ennek melynek alapjául az egyik alábbi példák
Egyszerű kék menü különböző pontján
CSS stílusok „top” menü
Az alábbiakban a stílus a menüben. HTML az ugyanaz, mint a „keret” menüben.
A főmenüben található a színes vonal a piros háttér
CSS menü stílust a színes vonal
Legördülő menüben a HTML + CSS
Végrehajtásához további legördülő (legördülő) menüben a helyszínen bármikor menüpont hozzá kell adnunk egy további elemek listáját a HTML-kódot minden kapcsolatot a vízszintes menü és módosítsa a CSS stílusokat. A stílusok egy egyszerű trükk - változás kijelző legördülő menüt a média mutat a kívánt elemet a felső menüben. „Szolgáltatások” kerül sor például.
Egy példa létrehoz egy egyszerű legördülő menüből
HTML kód a legördülő menüből
CSS stílusok legördülő menüben
Próbáltam a lehető legnagyobb mondani röviden, hogyan lehet létrehozni egy vízszintes fő menü, hogy néhány sablont add hozzá az egyszerű stílus, és ez szebb, hogyan kell egy legördülő menü a webhelyen. Az egyszerűség kedvéért a már összegyűjtött minden menü fent látható egyetlen html-fájl, ami letölthető az alábbiakban. Úgy néz ki, mint a lenti képen:
Köszönöm a figyelmet.
