Як змінити гаджет сторінки в blogger (blogspot)

Як змінити гаджет "Сторінки" в Blogger (Blogspot)

# PageList1 background: # 999;
border-radius: 5px;
border: 3px solid #ccc;
text-align: center; / * Вирівнювання тексту, заголовок і назви * /
padding: 5px;
>
/ * Обов'язково Обнуляємо всі стилі для блоку * /
# PageList1 ul background: none;
list-style: none;
border: 0;
padding: 0;
margin: 0;
>
# PageList1 li a display: block; / * Вказуємо посилання як блоковий елемент, щоб зайняла всю площу батька * /
background: # 666;
border: 3px solid #fff;
border-radius: 5px;
font: normal bold 14px Tahoma;
color: #fff;
text-decoration: none;
padding: 10px;
margin: 3px 5px;
/ *
якщо використовуються зображення для кнопок,
то в значеннях висоти і ширини слід вказати
відповідні параметри картинки
* /
height: auto; / * Висота * /
width: auto; / * Ширина * /
>
/ * Стиль при наведенні курсору * /
# PageList1 li a: hover background: # C0C0C0;
color: # 000;
>
/ * Стиль для посилання поточної сторінки * /
# PageList1 li.selected a background: #eee;
border: 3px solid # 666;
color: # 000;
>

Підсумок застосування стилю з прикладу буде таким:

Мал. 1 Положення в боковій колонці

Мал. 2 Положення горизонтально

Щоб окремо оформити заголовок гаджета "Сторінки", як і для інших гаджетів блогу, можна використовувати такий запис селектора: # PageList1> h2. Щоб приховати його просто вкажіть це через CSS:

# PageList1> h2 display: none;
>

Офигенно давно шукав як це зробити. І фон можна залити свій так?

Таки да :) Замість кольору фону, вказуєте посилання на бажане, відповідні зображення.

а чи можна зробити з стандартного горизонтального меню, що випадають вкладки? або спливає текст при наведенні?
спасибо =)