Главная » Файлы » Скрипты для uCoz » Переключатели страниц

Переключатели страниц by m1haluc4 для uCoz
24.06.14, 14:11:56



За 10 минут намутил симпотный переключатель страниц smile переключатель простой но в нем есть какая то изюминка, я еще сам не понял в чем она biggrin

Данный переключатель подходит к светлым дизайнам так как,
Фон переключателей прозрачный , при значении :hover фон переключателей заливается серым (близкий к белому) цветом и углы окгругляются , такой же эффект у активного переключателя + ему присвоено значение strong , то есть жирный шрифт smile

Вставляем там где вам нужно:)
Код
<style>  
  .pagesBlockuz1 {  
float:right;  
}  
.swchItem {  
color: #4f4f4f;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
}  
.swchItem:hover {  
background: #f7f7f7;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
border-radius: 5px;  
}  
.swchItemA {  
background: #f7f7f7;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
border-radius: 5px;  
}  
  </style>


Если у вас много страниц, то есть простой вариант с помощью, которого можно сразу во все шаблоны вставить :



Идем в ПУ >> Управление дизайном >> (вверху справа) Быстра замена - там выбираем "тип замены" -- многострочный:
и ставим в "Что заменить" :
Код
</head>


А в "На что заменить" вот это:
Код
<style>  
  .pagesBlockuz1 {  
float:right;  
}  
.swchItem {  
color: #4f4f4f;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
}  
.swchItem:hover {  
background: #f7f7f7;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
border-radius: 5px;  
}  
.swchItemA {  
background: #f7f7f7;  
text-decoration: none;  
border: 1px solid #f0f0f0;  
padding: 10px 15px;  
margin: 2px;  
border-radius: 5px;  
}  
  </style>  
  </head>


Юзаем кнопку "произвести замену" и после F5 на страницах smile
Категория: Переключатели страниц | Добавил: Apocalypse | Теги: переключатели, страниц, ucoz, by, для, m1haluc4
Просмотров: 355 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: