Hozzon létre egy oldalt egy szép csúszka

Hozzon létre egy oldalt egy szép csúszka

Ebben a leírásban fogunk létrehozni egy oldalt a csúszkát, hogy lehet görgetni a fotókat az értelemben, amit akarsz. Ez a csúszka fog kinézni nagyon látványos a honlapon, és a fejlécben. És csinálni nem nehéz! Kész egyszer és megérteni az elveket, akkor képes lesz arra, hogy használja ezt a technikát műveikben, mint szeretné.

2. A címke a tartályon belül részén létrehozása és hozzárendelése tag id = „wrapper”. Így tudjuk ellenőrizni a szélessége meg oldalainkat.

3. Most használjon egy másik HTML5 tag: fejléccímke. Helyezze belül a tartályban. Belül akkor tegyünk egy üres div id = „logo”. Ez lehetővé teszi számunkra, hogy befolyásolja azt a stíluslapot, hogy hamarosan létre. Ez lehetővé teszi, hogy továbbra is oldalunkat könnyebb.

4. Bent a fejléc tag lesz más állásra HTML5 tag - navigációs tag. Belül, a rendezetlen listák helyezze a navigációs gombokat. Aktív gombok hozzárendelése class = „aktuális”, hogy ő stílusa eltér a többitől.

5. Most, miután a tag Heder elhelyezi a címkét részén, és hívja meg slider_wrap, amelyet állomásozó csúszkát. Belül, hozzon létre egy div id = „slider_bg” ez a mi zöld háttér csúszka található. Ezután hozzon létre egy div id = „árnyék”. hol van az árnyék a csúszka:

6. Amíg nem nézzük költözött bele a CSS tulajdonságok

egy másik tag
. Meg fogják használni a mi képeket, mert a mérete nagyobb, mint a zöld háttér. Azt is tartsa a generált HTML, amelyet később látni fogjuk.

2. Most a stílusok a navigációs sáv. Én annyira (ha csinálsz a design különbözik az enyémtől, majd módosítsa a színeket, és minden mást, mint alkalmas az Ön számára):

3. Adjuk meg a stílus a csúszkát:

Itt is hagyhatja 50px és igazodik a bal oldalon.
4. Wow_slider és árnyék.
A wow_slider lesz állomásozó képeinket. Mi határozza stílusok neki és mi alján az árnyékban:

Legyen tisztában az új kiadványok a blogon!

Kapcsolódó cikkek