Cum de a crea un meniu animat pentru site-ul, Rudebox

Ideea acestui meniu este că inițial se pare ca o navigare plictisitoare obișnuită, dar atunci când cursorul mouse-ului este deplasat de către axele sub-navigație, și au aprins cu culori diferite, care este foarte colorat și arată atrage ochiul. Și astfel, să începem.

Pasul 1. HTML

Pentru a începe, să ia în considerare aspectul. Acest HTML-cod conține o listă neordonată. Fiecare element al listei este o legătură cu text ancora. În intervalul tag-ul a semnat numele elementului de meniu.

  • principal

  • știri

  • Denver

  • Contacte

  • acord

  • Despre noi

  • întrebări

    După cum puteți vedea, marcajul este destul de simplu, acest detaliu locui pe el nu-l merita. Mai departe la pasul următor.

    Cum de a crea un meniu animat pentru site-ul, Rudebox

    Pasul 2. CSS

    Pentru fiecare element, folosim lățimea valorii de 25%. care vă permite să poziționați cele patru elemente de meniu în fiecare rând. Textul fiecărui element este aliniat cu centrul listei.

    • Gigabajt: Buna ziua. Contactati-ne companie Nevozmozhnogo.rf Bureau - ajutor. ).
    • Sinaps: Întrebarea este ce? Și alții văd ceva ce cineva a pictat? Este potrivit pentru partajare.
    • Igor Loeb: închis)
    • las: dar după cum se adaugă la site-ul.
    • David: Vă mulțumesc pentru indiciu)
    • Scorpie: Cetățenii au un mouse fără valoare este printre Lupa! Pentru a elimina săgeata, este necesar să se adauge cursorului .example.
    • serj_ben: Vă mulțumesc foarte mult) corectat!
    • DiCorp: Buna ziua. Potrivit incapacitatea de a scrie pe care scrie aici. Am observat că site-kosyachki mici. 1) K

    blogul sondaj

    partenerii noștri

    articole populare