Fix menü tetején és alján a képernyő


Fix menü hasznos lehet szinte bárhol. Végtére is, nem foglal sok helyet, az is megfigyelhető, és a felhasználó navigálni bármely oldalon a webhelyen nem túl nagy nehézséget találni egy menü blokk.

Ebben a példában úgy kétféle fix menü: Az első opció menü nyomódik a képernyő tetején, a második képernyő alján. Ez megteremti a menü nagyon egyszerű, a pozicionálás, és a sarkokat segítségével létrehozott pszeudo-osztályokat. De kezdjük az elején. Először hozzon létre egy fix menüt, nyomják a képernyő felső részén.

Szokás szerint kezdjük a megjelenése a fő osztály topmenu. átláthatóság, átmenet. háttér, padding:

Most, amikor mozog fog arról, hogy az átláthatóság eltűnt:

Linkek: padding, a szöveg színe, háttere kiemeléssel:

Most a szórakoztató része. Így a sarkokat. Ehhez fogjuk használni pszeudo-osztályok: miután. Az első kanyarban, és az ál: korábban. ami jön az utolsó.
használja tulajdonságok border-width létrehozásához sarkok. border-style. border-color. Csak azért, hogy egy sarokba, akkor először zapozitsionirovat, és helyét az a hely, ahol szeretnénk látni a környéken.

Először hozzon létre az első kanyarban:

Nos, és ennek megfelelően a második, amely a legújabb:

Ez minden. Az első rögzítjük a menü tetején kész. A második lehetőség, hogy fix az alján a menü, minden ugyanaz, csak a megváltozott tulajdonságokat a pszeudo: és után: előtte. Vagy maga a teljes kódot a második menüpont rögzített, az alján:



Kapcsolódó cikkek