Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Новый дизайн облака тегов для uCoz
В этом готовом решении для uCoz, мы будем создавать новый внешний вид облако тегов, благодаря css стилям и информеру от uCoz.
Установка:
Шаг 1 - Создадим информер:
n - номер вашего информера.
Шаг 2 - Установим CSS:
Теперь когда наши с вами теги отображаются списком, следует им придать долгожданный вид и заставить отображаться друг за другом, для этого пропишем следующие css стили:
Вот и всё мы установили новый внешний вид облако тегов для uCoz, на этом всё спасибо за внимание!
Установка:
Шаг 1 - Создадим информер:
И так для начало, нам следует создать нужным наим информер, для этого заходим в Админ панель => Инструменты => Информеры => Создать информер => Теги
в настройках которого:
- ставим галочку Список тегов
- выбираем нужные модули
- выставляем количество тегов 25
и устанавливаем системную переменную данного информера в нужное мосте на странице сайта:
Цитата
$MYINF_n$
n - номер вашего информера.
Шаг 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;
}
------------------------------------------*/
.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;
}
Вот и всё мы установили новый внешний вид облако тегов для uCoz, на этом всё спасибо за внимание!
| Всего комментариев: 0 | |