Fix (lebegő) gombot az oldalán az oldalon, informatikai portál, közösség szakemberek

Fix (lebegő) gombot az oldalán az oldalon, informatikai portál, közösség szakemberek

Megbízható partnereink design stúdió „motor” osztja a tapasztalat, hogy hogyan adjunk egy lebegő képet vagy a gombot a honlapon. Ezt a döntést a helyén, amely a stúdióban létrehozott újabban. Reméljük ez a döntés hasznos lesz valakinek.

A példában - már feltöltött lebegő kép a jobb oldalon a WordPress sablon

Tehát itt vagyunk:
1. A sablon stílus található gomb stílus:

add_palitra display: block;
szélesség: 80px;
magasság: 150px;
összesen: fix;
jobbra: 0;
top: 200px;
z-index: 99999;
>

ahol:
szélesség: 80px; - A kép szélessége.
magasság: 150px; - a kép magasságát.
jobbra: 0; - behúzni a jogot, ha ezt a vonalat a bal: 0; - a gomb a bal oldalon, akkor is meg a behúzás, képpontban, például: balra: 20px;
top: 200px; - a felső margó.
z-index: 99999; - meghatározza a helyét az elem tetején a többiek, például a kép fejléc a húsz Tizenegy téma ez a paraméter 9999 és ha a gomb lenne alacsonyabb értékű ezt a beállítást, akkor alul helyezkedik el.

Ez után azonnal a body tag helyezünk a termelés a gomb:

Mint látható, a kód normális kapcsolat, csak akkor kap egy különleges besorolású -
class = "add_palitra". stílus, amit bekezdésben előírt 1 ebben a cikkben.

Kapcsolódó termékek:

Kapcsolódó cikkek