Регистрация    Войти
Авторизация

Новый стиль облако тегов для ucoz

Новый стиль облако тегов для ucoz

Новый стиль облако тегов для ucoz. В этом готовом решении для uCoz, мы будем создавать новый внешний вид облако тегов, благодаря css стилям и информеру от uCoz.

Шаг 1 - Создадим информер:

И так для начало, нам следует создать нужным наим информер, для этого заходим в Админ панель => Инструменты => Информеры => Создать информер => Теги

в настройках которого:

- ставим галочку Список тегов
- выбираем нужные модули
- выставляем количество тегов 25

и устанавливаем системную переменную данного информера в нужное мосте на странице сайта:

$MYINF_1$


Шаг 2 - Установим CSS:

Теперь когда наши с вами теги отображаются списком, следует им придать долгожданный вид и заставить отображаться друг за другом, для этого пропишем следующие css стили:

/* Облако тегов v.1.0 
------------------------------------------*/
.tagItem {
float:left;
color:#006AA5;
background:#e8eff8;
margin: 7px 0px 0px 10px;
padding: 5px 5px 5px 0px;
border: 1px solid #CAD3DA;
font: 10px Verdana,Arial,Helvetica, sans-serif;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.tagItem a:link,
.tagItem a:visited {
float:left;
color:#555;
background:#fff;
margin: -5px 5px -5px 0px;
padding: 5px 10px 5px 10px;
border-right: 1px solid #CAD3DA;
-webkit-border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;
}

.tagItem a:hover {
background:#e8eff8;
}


Скачать:
Внимание! У вас нет прав для просмотра скрытого текста.


Так же есть 6 вариантов цветового решения тегов uCoz
Вот и всё мы установили новый внешний вид облако тегов для uCoz, на этом всё спасибо за внимание!

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  9-01-2013, 18:26   Просмотров: 4200   
стиль облако тегов для ucoz, облако тегов для ucoz, облако тегов, Новый стиль облако тегов, стиль облако тегов
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


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