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

7302
8.4 из 10
Проголосовало: 5






В этом готовом решении для uCoz, мы будем создавать новый внешний вид облако тегов, благодаря 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;  
}


Вот и всё мы установили новый внешний вид облако тегов для uCoz, на этом всё спасибо за внимание!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://center-dm.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Последние темы
    Опрос
    255
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: