În atenția dvs. este oferit un ghid detaliat cu privire la modul de adăugare a unui meniu static la paginile dvs. de destinație create pe platforma LPgenerator. Acest element al interfeței este conceput pentru a simplifica navigarea pe un credit sau un mini-site cu o cantitate mare de informații. Mulți comercianți îl folosesc și ca element grafic care ajută la optimizarea conversiei și la creșterea atractivității paginilor de destinație.
Un exemplu de astfel de meniu puteți vedea aici.
Să începem cu crearea unui layout de meniuri statice
1. Utilizați instrumentul "Block" pentru a adăuga bara de meniu principală. În exemplul nostru, acest panou este un dreptunghi semitransparent de culoare gri. Apoi, vom plasa elementele necesare pe acest bloc.
În proprietățile elementului drept în „simplu“, puteți configura parametrii adecvați bloc: dimensiune, culoare, de frontieră, etc. Este de asemenea posibil de a părăsi unitatea fără modificări, caz în care nu va fi afișat pe pagina și va servi doar pentru a atașa .. elemente de meniu.
Atenție: Nu utilizați proprietatea "lățimea totală", iar elementele vor fi plasate incorect.
În secțiunea "Avansat", utilizând stilurile CSS, puteți scrie proprietăți suplimentare ale elementelor. De exemplu, pentru a face un bloc transparent, scrieți atributul:
Acesta este responsabil pentru vizibilitatea elementului. Valoarea atributului trebuie să fie în limita de la 0 la 1.
Atenție: lucrul cu stilurile CSS necesită o atenție sporită. Un simbol greșit poate duce la o violare a aspectului întregii pagini!
2. Mai departe pe unitate puteți adăuga orice element: logo, butoane, link-uri, text etc. Acestea pot fi plasate și editate după cum doriți, este important ca elementele să nu depășească limitele blocului (bara de meniu principală).
Acum adăugăm scripturi care fac toate elementele meniului nostru statice cu privire la alte elemente ale paginii:
3. Copiați codul pentru meniul static, situat mai jos (pentru a face acest lucru, plasați cursorul peste cod și în fereastra de tip pop-up din colțul din dreapta sus al ferestrei faceți clic pe prima pictogramă):
4. Apoi faceți clic pe instrumentul "Scripturi" și adăugați codul copiat, setând poziția sa: "Înainte de etichetă
"
Notă: numele scriptului poate fi oricare, dar este mai bine să corespundă scopului scriptului (de exemplu, "meniul static").
5. În continuare, trebuie să înlocuiți identificatorul barei de meniu în script.
accesați proprietățile extinse ale blocului și copiați ID-ul de ancorare;
găsiți șirul în scriptul meniului static:
var sm_bg_block = "# bloc-nou10"; // identificatorul barei de meniu principale
înlocuiți # block-new10 cu ID-ul ancorei blocului copiat de mai sus.
Aveți grijă: nu ștergeți citatele duble în interiorul cărora se află identificatorul.
În acest moment, setarea meniului static poate fi considerată completă.
Nuanțe și subtilități ale muncii
1. Bara de meniu (împreună cu tot conținutul) este întotdeauna centrat pe ecran, indiferent de lățimea ecranului. Dacă variabila sm_shift nu este zero, meniul este deplasat orizontal cu numărul de pixeli specificat.
2. Parametrul z-index al elementelor de meniu trebuie să fie mai mare decât panoul principal. Să vorbim mai mult despre acest parametru. Aceasta determină poziția straturilor de elemente relativ una de cealaltă. Cu simple cuvinte, un element poate fi mai aproape sau mai departe de tine.
Aici stratul indexului z 2 este mai mare decât stratul indicelui z 1. Este important pentru meniul nostru pentru a indexului z bara de meniu principal a fost mai mică decât cea a elementelor de meniu (butoane, text, imagini și așa mai departe. D.). În caz contrar, elementul nu va fi atașat la meniu. Puteți controla straturile utilizând instrumentele "Layer up" și "Layer down".
Pentru o poziționare mai precisă a stratului, utilizați setarea indexului z în proprietățile extinse ale elementului.
Pentru a readuce scara la 100%, apăsați tasta Ctrl + 0 (zero).
4. Pentru a face meniul mai mic sau mai mare față de limita superioară, găsiți următoarele coduri:
var sm_gap = 10; // mutați meniul (în pixeli) din partea superioară a ferestrei
Înlocuiți 10 cu valoarea dorită, distanța este indicată în pixeli.
Aveți nevoie de ajutor? Dacă sunteți în căutarea unor soluții gata, atunci nu trebuie să înțelegeți toate acestea, echipa noastră va fi bucuroasă să vă ajute:
Bine ai venit! Și pot personaliza meniul să apară după derularea la un anumit loc? Mulțumesc.
Din punct de vedere tehnic, puteți implementa acest lucru, dar va trebui să rafinați codul de meniu și scripturile suplimentare. Puteți efectua aceste modificări singur sau puteți comanda această implementare în plus - deoarece aceasta este o funcție avansată care necesită experiență cu scripturi.
Bine ai venit! Pentru ca designul paginii să arate mai armonios, aveam nevoie ca elementele din meniu să fie centrate strict. Dar când adăugați acest script, acestea sunt aliniate în mod constant la stânga. Ceea ce tocmai nu am încercat să fac. O dată voi face o rezervare, că java-script-ul nu a studiat și acum mă ciocnesc cu ea pentru prima dată. Dar, cu toate acestea, util să fie ales în codul script (în cazul în care nu este recomandat să se schimbe ;-)) Purely logic doper, ceea ce un meniu de centrare linie responsabil „sm_x = ($ (fereastră) .width () - sm_bg_w) / 2 + sm_shift;“ cunoștințe reziduale de matematică școală îmi spune că o eroare este conținută în șirul este trecut la suportul „/ 2“. Am adăugat o bandă, a funcționat. Înțeleg că altfel această expresie nu are sens. În general, vă rugăm să explicați: am eroul care a găsit o eroare în profesioniștii și apoi trebuie să-l repara, nu s-au oprit, sau am început ceva făcut greșit?
Actualizare: nu a funcționat. Doar scenariul a încetat să mai funcționeze și deci totul centrat))) În general, cum să faceți meniul a fost centrat?
Evident, această linie ("sm_x = ($ (window) .width () - sm_bg_w) / 2 + sm_shift;") este încă necesară pentru a centra meniul. Dar nu funcționează din vreun motiv.
Din partea noastră, vom efectua o verificare și căutarea unei soluții care vă va fi furnizată - după cum înțelegeți, este foarte dificil să se ofere o soluție exactă fără a se vedea situația în ansamblu. De exemplu, scriptul poate fi afectat de alți parametri ai paginii, precum și de scripturi de la terțe părți, iar această conexiune poate să nu fie evidentă.
Așteptăm cu nerăbdare mesajul dvs. și vă vom ajuta cu plăcere!
Maxim, corectă în mesajul de deasupra liniei
var smgap = jq144 (fereastra) .height () - 150;
în ea linia de jos este pierdut, script-ul nu funcționează. Ar trebui să fie
var sm / linia de fund / decalajul = jq / linia de fund / 144 (fereastra) .height () - 150;
Nu este clar în întregime ce fel de mesaj este acesta? Înainte de mesajul tău există numai acum, acum două luni. Și ați putea clarifica, pentru ce anume este necesar să indentați un bloc cu un meniu într-un mod atât de exotic?
Cea mai ușoară cale este indicată în pasul 4 al instrucțiunii, ultimul paragraf, iar acest lucru este suficient pentru a specifica o liniuță din partea de sus a meniului.
Dacă încercați să implementați un meniu care va "merge în sus" în partea de sus a paginii în timp ce defilați creditarea, atunci o linie de cod nu va funcționa, din păcate.
