Oldalsó gomb a honlapjára
Kis előszó. Annak érdekében, hogy az oldalsó gombot kell csak adja meg a helyes stílus, amely gondoskodik az összes tulajdonságait a kijelzőn. Nos, most létre a stílus:
- Nyissa meg a fájlt szerkesztésre stílus css (Style Sheet). Mozgatás a végére annak tartalmát. Kezdje létre egy új sort;
- Először is, kérje a stílus nevét:
# Bal gomb jel „grill” is kell kezdeni a stílus nevét és a bal zárójel kerül a résen, nyíláson CSS paraméter; - Az új vonal, bemutatjuk számos paraméter az új stílus:
összesen: fix;
z-index: 9999;
szélesség: 30px;
magasság: 200px;
overflow: hidden;
left: 0px;
top: 200px; első paraméter «pozíció» állítja a helyzetben a képernyőn - rögzített, fix helyzetét (koordináták maguk megadott értékeket bal, felső z-index). Szélesség-magasság paramétereket adja meg a szélesség és a magasság, illetve adja meg értékeket pixel egyenlő a kép felbontása gombok; - Otredaktirute fenti paraméterek, a környezettől függően. Miután a közeli stílus „>” jobb zárójel.
- Mentse el a módosításokat a CSS fájlban. És megy a kódot gombot, a legjobb megoldás az, hogy helyezze a zárás előtt «HEAD»;
- A design a gomb kódja a következő lesz:
Gombkód (HTML kép vagy szöveg)
Animáció az egérrel rámutat
Annak érdekében, hogy visszaállítsa a kurzor gomb megváltoztatja a kijelzőn, például, azt előadott előre létre kell hozni egy újabb stílus:
- A legutóbbi utasítást, menj hozzon létre egy új stílust. Név meghatározza az azonos, de azzal a kiegészítéssel, egy paraméter:
# Bal gomb: hover - Következésképpen a második a stílus a tartalmát a beállított paraméterek szerint feltételei az animációs gomb (érdemes kísérletezni, hogy elérjék a kívánt hatást):
- Az első és a második stílus hasznos külső és belső behúzás. amely meghatározza a helymeghatározás és képes megvalósítani a mozgást.
Statikus kijelző opciógombok
Ha csak megjelenítéséhez grafikus gomb, nem feltétlenül kell új stílusokat. Elég, hogy alkalmazza azt ha illessze be a gomb kódját a zárás előtt «HEAD» Tagged:
Gomb kód (HTML kódot a kép vagy szöveg)