Amikor a menüpont csak legördít

Biztosan találkoztál már olyan egyoldalas weblapokkal, amelyeknek a tetején ugyan vannak menüpontok, de ha rákattintasz valamelyikre, akkor a böngésző nem nyit új lapot, hanem lejjebb gördít az oldalon belül. Sablontól függő, hogy pontosan hogyan, de mindenképpen látványos és modern megoldás. Ha véletlenül még nem tudtad volna, hogy hogy kell ilyet csinálni, akkor ez most elmúlik 🙂

Egy cseppnyi kódolás lesz benne, de ne ijedj meg, minimális. Mindössze két dolgot kell megjegyezned. Az egyik az, ahonnan “ugrasztod” a látogatót, a másik az, ahová.

Kezdjük a másodikkal.

Ezt horgonynak is szokás hívni, és így néz ki a kódja:

https://gist.github.com/bikmoni/e37392c49f764b77de7fd482a3fdabd4

Ha valamilyen page buildert használsz, akkor egy kód modulba teheted be a fentit (Divivel mutatom):

Legördítő menüpont horgonnyal

(Ha arra gondolsz, hogy jóval feljebb van a horgony, mint a tematika maga, akkor jól látod: érdemes mindig egy kicsit feljebb tenni, hogy az előző részekből is látszódjon valami, amikor odagördít az olvasó.)

És a fenti kódot kell bemásolnod ide:

Legördítő menüpont horgonnyal

 

A menüpontnál pedig az lesz a trükk, hogy Saját hivatkozást kell használnod, így:

Legördítő menüpont horgonnyal

 

Egyébként ha Divi a sablonod, akkor van egy olyan modulod, a “Teljes szélességű fejléc”, amelyen elhelyezhetsz két gombot, amelyek afféle menüpontként működnek, és persze ide is beteheted ezeket az oldalon belüli ugrásokat:

Legördítő menüpont horgonnyal

 

Megjegyzés:
Ha esetleg mostanában vennél Divi vagy más Elegant Themes sablont, akkor javaslom, hogy várj még néhány napot.
(Ha szemfüles vagy, az oldalsávban már észrevehetted a Kiemelt ajánlatot… de pár napig még türelmesnek kell lenned.)
Fogok szólni időben! 🙂

 

 

Ne maradj le semmiről, iratkozz fel hírlevelünkre!

Katt a képre részletekért

Javasolt eszközök:

Banner250x250.png
Elementor Pro
Wpsuli Sybell
Sybell tárhely szolgáltatás
Adatvedelem.png
ADATVÉDELEM minta
Divihello
Prémium támogatás és ajándék Divi licence

Oszd meg te is!

A wpSuli alapja egymás támogatása. Lehet egyik ismerősöd pont most szeretne saját honlapot építeni, de kell neki egy segítő kéz…legyél Te ez a támogatás egy megosztással!

Megosztás itt: facebook
Facebook
Megosztás itt: twitter
Twitter
Megosztás itt: email
Email