Ваш IP: 3.145.58.158
Изменить стиль
Главная » Файлы » 2. Переключатели » Переключатели от mania

Переключатели от mania


Вид переключателя отличается ярко выраженным стилям, которые в свою очередь представляют 2 варианта перехода страниц, это белый, и серый.

Установка:

Заходим в панель управление сайтом->Управление дизайном->Таблица стилей CSS и кидаем суда код в самый низ:

Темный вид переключателей
Код
/* PageSelector */  
  .swchItemA, .swchItemA1 {background:url('/pageDark/swchItemA.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}  
  .swchItem, .swchItem1 {background:url('/pageDark/swchItem.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}  
  .swchItem:hover, .swchItem1:hover {background:#313438;border:1px solid #2c3034;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #2c3034 inset;-webkit-box-shadow:0px 0px 3px #2c3034 inset;box-shadow:0px 0px 3px #2c3034 inset;}  
  #pagesBlock1 {padding:2px;}  
  /* ------------- */


Светлый вид переключателей
Код
/* PageSelector */  
  .swchItemA, .swchItemA1 {background:url('/pageGrey/swchItemA.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}  
  .swchItem, .swchItem1 {background:url('/pageGrey/swchItem.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#717171;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}  
  .swchItem:hover, .swchItem1:hover {background:#686868;border:1px solid #505050;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #505050 inset;-webkit-box-shadow:0px 0px 3px #505050 inset;box-shadow:0px 0px 3px #505050 inset;}  
  #pagesBlock1 {padding:2px;}  
  /* ------------- */


  Мне Нравится 0


Всего комментариев: 0
Информация:
Посетители, находящиеся в группе Гости, не могут оставлять комментарии.








Счётчик материалов

     60 - Комментариев
     142 - Тем форума
     2694 - Постов форума
     31 - Фотографий
     11 - Новостей
     301 - Скачиваний
     5 - Видео

Новые пользователи

Популярные теги

Статистика сайта

Кто сегодня был?
Хостинг от uCoz
счетчик хитов сайта
Хиты сайта