.
Dacă nu înțeleg ce aceste HTML-tag-uri, css, tabele, citiți pe tehnicile de bază pentru crearea site-ului.
tag-uri html Exemplu de utilizare pentru a crea un meniu în codul de mai jos:
Stiluri standard CSS pentru meniul orizontal
Ne pregătim să top meniu din pălărie, fără nici un stil special, și clopote și fluiere poate fi numit un schelet al viitorului meniu frumos. Dacă copiați și pune în html și css va arăta după cum urmează.
Exemplul cadru (template) din meniul viitorului
Totul sa dovedit destul de simplu, sunteți, desigur, doresc să o dată frumos meniul principal, dar fără a înțelege elementele de bază pe care pur și simplu nu se poate crea un meniu bun fără erori în html și css.
Există, de asemenea, o serie de alte tehnici CSS folosite pentru a face un meniu orizontal, în plus față de float: left;. de exemplu, display: inline-block; sau display: flex;. dar se recomandă să se utilizeze o metodă așa cum este descris mai sus.
Să ne umple șablon de meniu stiluri diferite noastre și să-l frumos.
Acum, voi oferi câteva exemple de proiectare gata-gata cu bara de meniu orizontal.
Toate „frumos“, puteți crea pentru, site-ul dvs. vă mai degrabă decât de căutare pe Internet. Cel mai simplu mod de a face acest lucru, folosind ca bază unul dintre exemplele de mai jos
Meniu albastru simplu cu puncte distincte
stiluri CSS meniul „top“
Mai jos sunt stilurile meniului. HTML este la fel ca și în meniul „cadru“.
Meniul principal, situat pe linia de culoare, cu un fundal roșu
stiluri de meniu CSS pe linia de culoare
Drop-down pe + CSS HTML
Pentru a pune în aplicare un drop-down suplimentar (drop-down) meniul de pe site-ul la orice element de meniu avem nevoie pentru a adăuga o listă suplimentară de articole în codul HTML pentru orice link-uri din meniul orizontal și schimba stilurile CSS. Stilurile folosim un simplu truc - afișare schimbare meniul drop-down de pe mass-media indică spre elementul dorit din meniul nostru de top. „Servicii“ va avea loc, de exemplu.
Un exemplu de creare a unui meniu simplu drop-down
Codul HTML pentru meniul drop-down
CSS Stiluri meniul drop-down
Am încercat cât mai mult posibil să-ți spun pe scurt despre cum să creați un meniu orizontal principal, face câteva template-uri pentru a adăuga la ea stiluri simple și face mai frumos, cum să faci un meniu în jos pe site-ul tau. Pentru comoditate, am colectat toate meniurile prezentate mai sus, într-un singur fișier HTML, pe care îl puteți descărca de mai jos. Se pare ca imaginea de mai jos:
Vă mulțumesc pentru atenție.
