Hogyan változtassuk oldalak gadget blogger (blogspot)
Hogyan változtassuk meg a gadget „oldalakat” Blogger (Blogspot)
# PageList1 háttér: # 999;
border-radius: 5px;
átnyúló: 3px szilárd #ccc;
text-align: center; / * Szöveg igazítás, a címet és nevet * /
padding: 5px;
>
/ * Zero végre minden szükséges stílust blokk * /
# PageList1 ul háttér: nincs;
list-style: none;
átnyúló: 0;
padding: 0;
margin: 0;
>
# PageList1 li display: block; / * Nevezik blokk elem, hogy elfoglalja a teljes terület a szülő * /
háttér: # 666;
átnyúló: 3px szilárd #fff;
border-radius: 5px;
font: normal 14px félkövér Tahoma;
szín: #fff;
text-decoration: none;
padding: 10px;
margin: 3px 5px;
/ *
ha a felhasznált képek a gombok,
akkor a szélesség és magasság értékeket meg kell adnia,
vonatkozó paramétereket képek
* /
magasság: auto; / * Magasság * /
width: auto; / * Szélesség * /
>
/ * Style hover * /
# PageList1 li a: hover háttér: # C0C0C0;
color: # 000;
>
/ * Style linkek az aktuális oldal * /
# PageList1 li.selected háttérben: #eee;
border: 3px szilárd # 666;
color: # 000;
>
Alkalmazásának az eredménye egy stílust a példa lenne:

Ábra. 1. pozíció az oldalsávon
Ábra. 2 helyen vízszintesen
Ahhoz, hogy külön-külön intézkedik a modul címe „oldalak”, valamint más szerkentyű blog, akkor a választó ilyen rekord: # PageList1> h2. Elrejteni egyszerűen írja át CSS:
# PageList1> h2 display: none;
>
Félelmetes keresett, hogyan kell csinálni. És akkor töltse ki a háttérben, nem?
Taki igen :) Ahelyett, hogy a háttér színe, adjon meg egy link a kívánt megfelelő képet.
Lehetséges, hogy a szabványos vízszintes menü legördülő lapot? Vagy felugró szöveget, ha mozogni?
Köszönöm =)