Главная » Файлы » Скрипты для uCoz » Переключатели страниц |
Переключатели страниц by m1haluc4 для uCoz
24.06.14, 14:11:56 | |
За 10 минут намутил симпотный переключатель страниц переключатель простой но в нем есть какая то изюминка, я еще сам не понял в чем она Данный переключатель подходит к светлым дизайнам так как, Фон переключателей прозрачный , при значении :hover фон переключателей заливается серым (близкий к белому) цветом и углы окгругляются , такой же эффект у активного переключателя + ему присвоено значение strong , то есть жирный шрифт Вставляем там где вам нужно:) Код <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 на страницах | |
Просмотров: 501 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |