» » >

Новый стиль облако тегов для ucoz
·
28.09.2013, 22:02


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

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

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

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

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

HTML

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

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

CSS-Code

/* Облако тегов 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, на этом всё спасибо за внимание!

Категория: Вид Тегов и Кнопок | Добавил: tashkent97
Просмотров: 581 | Загрузок: 238 | Источник: center-dm.ru | Рейтинг: 5.0/2
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<