După reflecție, el a dat seama că Cram la fel de mult supuse la una sau două lecții nu sunt reale, acest lucru este va fi pagina de start pentru toate pozițiile de pe meniul drop-down.
Scopul meu: colecta cât mai multe modalități de a crea meniuri drop-down pe această pagină.
Machetele vor fi utilizate:
Stai cu ochii pe actualizarea paginii.
drop-down orizontală meniu
CSS meniul orizontal
Nu este un secret faptul că CSS 3 și HTML 5 a urcat mult dincolo de predecesorii săi. De exemplu:
Astăzi nu trebuie să fie subminate prin tăiere colțuri rotunjite pentru meniu, este suficient pentru a utiliza un simplu proprietate CSS border-radius
în timp ce alte 5 - 10 ani în urmă am tăiat imaginile și câinele-le ca iti place :-).
Bine, destul de versuri. Principalul lucru este faptul că browserele moderne suportă CSS 3 și HTML 5.
drop-down meniu orizontal folosind pseudo css terminat: Hover. Cu care browserele mai devreme pentru a închide acest eveniment exclusiv pe etichetă și
În acest post, veți găsi:
- Simplu orizontale meniul drop-down.
- drop-orizontală meniu în jos pe întreaga lățime.
- Meniul drop-down cu separatoare.
- Meniul Multi-level drop-down.
Toate exemplele de listele de meniu drop-down sunt construite pe li ul, eu practic nu folosesc tag-ul de masă, deoarece acest meniu nu va fi universală pentru instalare pe site-ul PAC.
Meniu acordeon vertical cu jQuery
meniu Una dintre cele mai utilizate tipuri de meniuri de pe site-ul rusesc, există meniu acordeon vertical.
Cine nu știe - acest meniu este dezvăluit în interiorul unității atunci când faceți clic pe elementul de bază fără să faceți clic pe link-ul. Dacă faceți clic pe următorul element părinte este aproape precedent, iar cel nou va fi deschis în paralel.
Vă sugerez să vedeți 2 tipuri de meniu:
- fără utilizarea de stil sofisticat și fundaluri
- mai frumos cu imaginea de fundal și de imagine pointer.
Meniul I spun, de obicei, în lecțiile lor despre CMS WordPress, deoarece sa pozitionat ca un specialist în WordPress. În această lecție, și aș dori să vorbesc despre meniul WP-drop-down.
De fapt, meniul drop-down, WordPress nu este diferită de restul menyushek pentru CMS, cel mai important, dreptul de a se retrage și adăugați-l.
Deși există cazuri în meniul html integrat în WordPress este un rahat solid.
Uneori aduc aspect, și nu există un astfel de cod HTML miracol:
Ei bine, ca un miracol, este posibil ca un om să introducă în WP - în esență, fără nici o modificare în nici un fel. Deci, începe tinkering cu clientul. El aliniamentul în Ravshan cu Dzhamshuta ordonat, ca să spunem așa bugetare govnokoda pe bază de variantă.
În acest post, puteți vedea cum să adăugați un meniu în WordPress. Mai exact, în acest post suntem interesați de lucru funcții WordPress:
Toate exemplele de mai sus, de-a trage în jos lista de meniu, ideale pentru instalarea pe WordPress.
Scurtă prezentare WordPress meniul drop-down - instalare
1) pentru a găsi meniul corespunzător pentru ei înșiși un șablon de meniu de mai sus.
2) Descărcați exemplul de la calculatorul lui, razarhiviruem.
3) În locul în care acesta va fi afișat meniul este cod HTML, care este responsabil pentru meniu. Ea începe și se termină în tag-ul meu exemple (Tag și copie ID-ul necesar, în caz contrar stilul nu va funcționa)
5) Stiluri de exemplu, pe care doriți să copiați un fișier de pe style.css temă.
Stiluri pentru corp și containerul nu pot fi copiate.
6) Pentru a afișa meniul, utilizați wp_nav_menu () funcție, trebuie inserat în locul html, care este între .
Pe aceasta am toate, ca vă mulțumesc, aveți posibilitatea să partajați legătura cu prietenii lor în social. rețele:
Stai cu ochii pe acest post, în măsura în care este posibil, voi adăuga aici link-uri la noi șabloane meniul drop-down.
Cum să nu determine în mod automat pentru că ei nu știu.
Dar PAC are o funcție separată pentru fișierele de ieșire, citiți despre ea wp_get_archives
opțiuni interesante)) Și ce despre opțiunile meniului derulant care afișează miniaturi ale articolelor recente și pe fiecare coloană?
Bună ziua.
Cred că e real mecanism, vypadashki el poate face același lucru, dar aveți posibilitatea să faceți clic pe eveniment, dar pentru a vă arăta un exemplu acum nu mai pot, pentru că nu este 🙂 Poate că în viitorul apropiat voi scrie ceva de genul asta.
Bine. Și cum să-l facă la meniul drop-down pe versiunea pentru mobil arata bine?
Bună ziua.
Ei bine, acest lucru este meniul pentru versiunea desktop, mobil, de obicei, am resetează toate stilurile și de ieșire meniul de pe partea de sus de tot. Stiluri cere ca toate elementele au fost pe lățimea ferestrei. Pentru a activa folosind hamburger pictograma meniu sau un sandwich, care ambele numesc 🙂
Uneori meniul mobile și desktop sunt diferite meniuri și cod și de conținut, doar unul ascuns
Sunt plin „ceai“, așa că am două întrebări foarte prost:
1. De ce scrie cod HTML, apoi, dacă în schimb unul este scris din punctul de cod php?
2. WordPress știu ce a fost meniul pentru a elimina codul HTML?
Bună ziua.
1) versiune HTML mai ușor pentru a testa și edita. + Dacă da utilizatorilor să descarce fișiere php, pe computerul local, nu va fi capabil să ruleze numai pe server.
2) PE nu a știut ce ai fost cod html. Scriem html identic (sau aproape identice), care va da PE.
Trebuie să facem un meniu drop-down pe 3 nivele.
picături verticale și de la verticală, spre unul vertical cu bloc orizontală.
Va întreprinde o astfel de sarcină? Cât de mult prețul?
O să-ți spun o exemple secrete vă sunt foarte frumoase. Drept și doresc să ia meniul drop-down și inserați pe site.
Cu această abordare, doar în cantinele sovietice sculpta prăjituri pentru studenți