Állandó (fix) menü létrehozása a céloldalon

Kedves, kedves felhasználók a LPgenerator!

A népszerű kereslet alapján útmutatást adunk a rögzített (statikus) menü létrehozásához a céloldal tetején. A megvalósításhoz elegendő néhány CSS attribútumot előírni egyes elemekhez. Szóval, kezdjük el.

1. Használja a "Blokk" eszközt egy blokk létrehozásához, amely a menü alapja lesz:

Állandó (fix) menü létrehozása a céloldalon

Szükség esetén a jobb oldali elem tulajdonságaiban állítsa be a színt vagy töltse fel a képet.

2. A kiterjesztett blokktulajdonságokban állítsa be az attribútumokat: position: fixed; top: 0px; balra: 0px; határ: 1px szilárd # 333; szélesség: 100%; homályosság: 0,5;

Állandó (fix) menü létrehozása a céloldalon

  • pozíció - felelős az elem rögzítéséért;
  • felül és balra - az elem megjelenítésére az adott értéktől függően fent és lent;
  • határvonal - az elem körüli határon túl (ezen keret attribútumának beállításai is meg vannak határozva);
  • szélesség - felelős az elem teljes kiterjesztéséért;
  • homályosság - a réteg láthatóságáért felelős, az értéknek 0-ról 1-re kell esnie.

Figyelem! Tulajdonságok: a hely, a felső, a bal és a szélesség kötelező!

3. Adja hozzá a statikus menübe (gombok, képek, szöveg stb.) Helyezett elemeket.

4. A menük blokkolásához a következő CSS attribútumokat kell beállítani mindegyikhez: position: fixed; top: 'X'px; balra: 'Y'px; szegély: 1px szilárd # 333, opacitás: 0.5;

  • "X" - azon pixelek száma, amelyekre az elemet felülről kívánja mozgatni;
  • "Y" az a pixelszám, amelyre az elemet balra szeretné mozgatni.

Hasonlóképpen el is végezhet más oldalelemeket - például egy ólomformát -, hogy a böngésző tetején rögzített legyen, függetlenül attól, hogy a felhasználó áthelyezte a céloldalt.

A gombok menüjéhez való csatlakozáskor a horgonyokra mutató linkeket adhat meg. az oldalon. Például a "Rólunk" gombra egy testreszabott horgony segítségével az oldal a megfelelő blokkra gördül.

Üdvözlettel
támogatási szolgáltatás LPgenerator.ru

FIGYELEM! Az elavult Internet Explorer böngészőt használja

Ez az oldal fejlett, modern technológiákra épül, és nem támogatja az Internet Explorer 6. és 7. verzióját.

Állandó (fix) menü létrehozása a céloldalon

Állandó (fix) menü létrehozása a céloldalon

Állandó (fix) menü létrehozása a céloldalon

Állandó (fix) menü létrehozása a céloldalon

Állandó (fix) menü létrehozása a céloldalon