Meniul mobil (panou glisant) în Adobe Muse
Meniul mobil (panou glisant)
Pregătirea blocurilor principale.
Să intrăm în modul Design. Am făcut acest meniu pe pagina de pornire obișnuită a versiunii "Computer". Arată așa. Este alcătuită din două mini-aplicații ale Adobe Muse. Prima mini-aplicație este o mini-aplicație din secțiunea "Panouri" - numită "Panou glisant". A doua mini-aplicație pe care am folosit-o este mini-aplicația "Meniu", din care selectăm "Vertical". Dintre aceste două mini-aplicații se află întregul meniu mobil. Meniul vertical este amplasat în interiorul panoului glisant. Dacă dezasamblam acum această structură, atunci putem scoate un meniu separat acum și separat avem aici o mini-aplicație alcătuită dintr-un panou glisant.
Setări aplicație - Meniu mobil:
În meniul mobil am făcut următoarele setări. A pus pagina "Manuală", pentru a adăuga doar câteva pagini. Puteți lăsa aici paginile de nivel superior sau toate paginile pentru a adăuga automat toate paginile din modul "Plan" al programului din meniu. Expun "manual" și scrieți aici: "Page 1" pentru un exemplu. Acum voi adăuga încă câteva pagini - Page 2, Page 3, Page 4, Page 5. Și voi întinde acest meniu un pic pentru a face să arate ca în exemplul meu. O să fac albastru. Și, în principiu, puteți vedea deja că meniul este similar cu cel pe care l-am avut. De asemenea, puteți schimba textul, voi pune "Open Sans" - la fel de mult ca și cum sa dovedit. Să luăm aceste două melodii terminate și voi continua aici.
Setări aplicație - Panou glisant.
Meniul este deja pregătit pentru mine. Acum vom lucra cu panoul glisant. Aici, în panoul glisant există deja un anumit conținut, sunt trei aici, se schimbă. Faceți clic aici pe butonul din dreapta al mouse-ului și selectați "Ștergeți conținutul obiectului gadget". Astfel, ștergem tot ce este în interiorul acestei mini-aplicații în zona de conținut și două panouri de alunecare suplimentare de care nu avem nevoie. De asemenea, selectați clic-dreapta pe "Ștergeți toate stilurile folosite". Alegem imediat textul "Open Sans". Și să editați acest panou alunecător superior. Aici vom scrie: "Meniu mobil", textul pe care îl avem este "Arial", vom pune "Open Sans" și îl vom mișca ușor și, de asemenea, îl vom mișca înainte. Este posibil să se facă mai multe scrisori între toate capitalurile și grăsimile. Voi pune literele albe pentru litere. Acum nu vor fi vizibile, dar pentru acest panou alunecător îl voi umple cu negru. M-am grăbit puțin. Aici trebuie mai întâi să setați starea "Standard" și apoi să efectuați umplerea neagră. De ce fac asta? Pentru că atunci când editați starea standard, toate celelalte stări ale acestui buton se vor ajusta automat la aceasta.
Construiți un meniu mobil și un panou glisant.
Apoi, ceea ce trebuie să facem este să mutați meniul în zona de conținut a panoului nostru culisant. Am plasat-o aici, eliberați-o și este preluată de zona de conținut a panoului glisant. Poți să-l reduci puțin după mărimea acestui bloc. Și, în principiu, meniul nostru mobil este gata.
Rămâne să-l ajustăm puțin. Pentru a face acest lucru, vom merge în setările și setați panoul de alunecare este o căpușă „Închidere“ și „de mai jos elemente suprapuse“ la elementele noastre, care sunt situate sub acest panou glisant din stânga jos, în timpul meniul de deschidere. Dacă eliminăm acest marcaj de verificare, atunci meniul nostru se va desfășura după implementare, toate elementele aflate mai jos.
Plasarea și meniul în versiunea tablet a site-ului.
Astfel, putem crea un meniu mobil (panou glisant) de la două widget-uri standard ale programului Adobe Muse - widgetul "Panou glisant" și widgetul "Meniu vertical".
Articole similare
Trimiteți-le prietenilor: