Страница 1 из 11
Форум » Web дизайн » Ucoz » Оформление переключателей страниц в системе ucoz (CSS)
Оформление переключателей страниц в системе ucoz
Reddy Дата: Воскресенье, 30.12.2012, 23:09 | Сообщение # 1
Reddy
Новичок
Сообщений: 129
Репутация: 14
Страна: Латвия
Статус: Offline
Многим интересно, каким образом на моём сайте оформлены переключатели страниц (вы же видели, да, ДА?! :D ). На самом деле нет ничего сложного, достаточно в таблицу стилей (CSS) данный фрагмент:

Код
a.swchItem,a.swchItem1 {
background: #000000;  /* фоновый цвет, можно использовать картинку */
border: 1px solid #2f2f2f;  /* рамка вокруг указателя номера страницы  */
color: #dfdfdf;  /* цвет шрифта */
padding: 2px 6px;  /* отступы, из которых формируется размер кнопки переключателя  */
}
a.swchItem:hover,a.swchItem1:hover {
color: #ff7f00;  /* цвет ссылки при наведении  */
}
.swchItemA,.swchItemA1 {
background: #000000;  /* фоновый цвет, можно использовать картинку */
border: 1px solid #2f2f2f;  /* рамка вокруг указателя номера страницы  */
color: #00df00;  /* цвет шрифта */
padding: 2px 6px;  /* отступы, из которых формируется размер кнопки переключателя  */
}


При желании можно добавить закруглённые углы yes
спец по кнопачкам
 
Форум » Web дизайн » Ucoz » Оформление переключателей страниц в системе ucoz (CSS)
Страница 1 из 11
Поиск:
Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика
Полное или частичное копирование материалов только с указанием гиперссылки на www.otherside.ws

© 2010-2017 Other Side | Хостинг от uCoz