Statikus menü - Tudásbázis

Statikus menü - Tudásbázis

Kínálunk részletes útmutatást adni a statikus menü céloldalakon létre LPgenerator platform. Ez a felület elem célja, hogy megkönnyítse a navigációt Landing minisayte vagy nagy mennyiségű információt. Sok marketinges is használni, mint egy grafikai elem, hozzájárulva az optimalizálás a megtérés és vonzerejének javítása céloldalukon.

Erre példa a menü látható itt.

Először hozzon létre egy statikus menü elrendezése

1. A „blokk” add eszköz fő menüsor. Példánkban ez panel áttetsző szürke téglalap. Ezután fogjuk helyezni a szükséges elemeket a blokk.

Az ingatlan a jobboldali elem az „Egyszerű” beállíthatja a megfelelő paraméterei: méret, szín, szegély, stb Az is lehetséges, hogy hagyja a készüléket módosítás nélkül, ebben az esetben ez nem jelenik meg az oldalon, és csak arra szolgálnak, csatolja .. menüpontok.

Figyelmeztetés:
Ne használja a tulajdon „a teljes szélesség”, amikor elemek lesznek helyezve.

Statikus menü - Tudásbázis

Statikus menü - Tudásbázis

A „Speciális” a CSS-stílusok lehet hozzárendelni további tulajdonságait az elem. Például, hogy egy átlátható blokk, sorolja fel a tulajdonság:

Ő felelős a megjelenése az elemet. Az attribútum értéke kell lennie a tartományban 0-1.

Statikus menü - Tudásbázis

Megjegyzés: Munka CSS-stílusok nagyobb figyelmet érdemel. Egy rossz karakter járhat megsértését az elrendezés a teljes oldal!

2. Ezután a blokk, akkor add elemek: logó, gombok, linkek, szöveg, stb Ezek küldhet és szerkeszthet, ahogy szeretné, fontos, hogy az elemek nem lépik túl a határokat a blokk (a fő menüsor) ...

Statikus menü - Tudásbázis

Most, adjunk hozzá egy script, hogy nem minden eleme a menü statikus kapcsolatban más elemek az oldalon:

3. Másolja a kódot egy statikus menü alatt található (a kurzor a kód és a pop-up a jobb felső sarokban az ablak, kattintson az első ikonra):

4. Ezután kattintson a szerszám „Scripts”, és adjuk hozzá a másolt kódot, létrehozva a pozícióját: „Mielőtt a címkét "

Megjegyezzük, hogy a script neve bármi lehet, hanem azt, hogy ez összhangban áll a célja a script (például „Static menü”).

Statikus menü - Tudásbázis

5. Ezután meg kell cserélni a menüsor azonosítót a forgatókönyvet.

  • menj a speciális tulajdonságokat egy blokkban, és másolja az azonosító horgony;

Statikus menü - Tudásbázis

  • megtalálni a sort a script statikus menü:

var sm_bg_block = «# blokk-NEW10«; // azonosítója fő menüsor

  • Cserélje ki a # blokk NEW10 a blokk fölött a másolt ID horgonyt.

Legyen óvatos: ne törölje az idézőjelet, amelynek belsejében egy azonosító.

Ebben a környezetben egy statikus menü.

Az árnyalatok és finomságok a munka

1. Menüsor (együtt annak tartalmát is) mindig található a képernyő közepén, tekintet nélkül a szélessége a képernyőn. Ha a változó sm_shift nem nulla, akkor a menü vízszintesen elmozdul egy meghatározott számú pixel.

2. z-index paraméter menüpontok nagyobbnak kell lennie, mint a fő panelen. Mesélj erről a lehetőségről részletesebben. Ez határozza meg a helyzetét a rétegek egymáshoz képest. Leegyszerűsítve, az egyik elem lehet közelebb vagy távolabb van tőled.

Statikus menü - Tudásbázis

Itt a z-index 2 réteg nagyobb, mint a z-index réteg 1. Fontos Étlapunkon hogy z-index a fő menüsor kisebb volt, mint a menüpontok (gombok, szövegek, képek, és így tovább. D.). Ellenkező esetben az elem nem kell csatolni a menüt. Rétegek kezelheti olyan eszközökkel „réteg fel” és „réteg Down”.

További pontos pozicionálása a réteg segítségével Z-index kiigazítás a fejlett elem tulajdonságai.

Statikus menü - Tudásbázis
Statikus menü - Tudásbázis

Statikus menü - Tudásbázis

Statikus menü - Tudásbázis

, Ha a nagyítás 100%, nyomja meg a Ctrl + gomb 0 (nulla).

4. Ahhoz, hogy a fenti menü, vagy az alábbiakban a felső határ, meg a sort a kódot:

var sm_gap = 10; // menü műszak (pixel) a valódi határait az ablak

Cserélje 10 a kívánt értéket, a távolság képpontban megadva.

Segítségre van szüksége? Ha keres kulcsrakész megoldásokat, akkor nem kell megérteni mindezt, csapatunk szívesen segít:

Üdvözlünk! Lehetséges, hogy testre a menü jelenik görgetés után, hogy egy adott helyen? Köszönöm.

Technikailag ez lehet megvalósítani, azonban szükség finomítás menü kódot és szkripteket. Ezek a fejlesztések meg tudod csinálni magadnak, vagy ilyen parancsot további végrehajtására - mint ez a fejlett funkciókat igénylő tapasztalatok szkripteket.

Üdvözlünk! Ki kell alakítani egy oldal megjelenés harmonikus, meg kellett rendelni menüpontok találhatók, pontosan a közepén. De, ha hozzá a forgatókönyvet makacsul balra igazított. Mit is ne próbálja. Azonnal mondom, hogy a java-script nem tanult, és most szembesül vele először. De mégis hasznos, hogy felvette a script kód (ahol nem ajánlott megváltoztatni ;-)) Tisztán logikailag doper, amit egy menü központosító felelős line "sm_x = ($ (ablak) .width () - sm_bg_w) / 2 + sm_shift;" Maradék ismeretek iskolai matematika azt mondja, hogy egy hiba benne van a stringet át a konzol „/ 2”. Az említett konzol, működött. Megértem, hogy egyébként a kifejezés értelmetlen. Általánosan elmondható, hogy magyarázza meg: I hős, aki hibát talált a szakemberek, és akkor kell rögzíteni, hogy nem hagyja abba, vagy én eredetileg valami baj történik?

Frissítés: nem működött. Csak a szkript nem működik, és ezért minden középre))) Általában hogyan kell csinálni, a menü volt a közepén?

Nyilvánvaló, hogy ez vonal ( "sm_x = ($ (ablak) .width () - sm_bg_w) / 2 + sm_shift;") szükséges az összehangolás minden menü. De ez nem működik valamilyen oknál fogva.

A magunk részéről mi fog tartani ellenőrzését, és keressen megoldást, hogy az Ön és - mint tudjuk, nagyon nehéz azt a pontos megoldás, nem látja a helyzet egészét. Például, a forgatókönyvet hatással lehet egyéb paramétereit az oldal, valamint a harmadik féltől származó szkript, ezzel kapcsolatban nem lehet nyilvánvaló.

Bízunk benne, hogy az üzeneteket, és szívesen segítenek!

Maxim, helyes a fenti üzenet vonal

var smgap = jq144 (ablak) .height () - 150;

elvesztette az alsó sorban, a script nem működik. kell, hogy legyen

var sm / alsó sorban / rés = JQ / alsó sorban / 144 (ablak) .height () - 150;

Nem világos, hogy milyen üzenet ez? Mielőtt az üzenet csak az én mindössze két hónappal ezelőtt. És tudna tisztázni, hogy mit kell állítani a francia mondatban a menüt, így egzotikus út?

A legegyszerűbb módja annak 4. pontjában meghatározott, a használati utasítás, az utolsó bekezdés, és ez elég ahhoz, hogy behúzni a felső menüből határon.

Ha megpróbálják végrehajtani egy menü, amely „mászni” a lap tetején a Landing tekercset, majd egy sor kódot nem működik, sajnos.