Например:
Пятница, 29.03.2024, 11:22 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты от GaMe Portals » Облако тегов в стиле flat от Fahrieva (Уникальный вид тегов для светлых дизайнов!)
Облако тегов в стиле flat от Fahrieva
Dimas777
Дата: Четверг, 24.04.2014, 20:25 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Шаг 1 - Установим HTML:
Начнем с того, что нам нужно создать информер, а для этого заходим в Админ панель => Инструменты => Информеры => Создать информер => Теги

Далее изменяем настроки на те, что показаны внизу:

- ставим галочку Список тегов
- выбираем нужные модули
- выставляем количество тегов 20 ( настоятельно рекомендую не ставить число больше 30-40)

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

Код
$MYINF_тут номер получившего информера$


Шаг 1 - Установим CSS:
Ну что ж, теперь, когда теги расположены там где нужно, приступим к видоизменению. Для этого пропишем css стили расположенные ниже:

Код
/* Облако тегов в стиле flat*/    
  .tagItem {    
    float:left;    
    color:#fff;    
    background:#53a7d7;    
    margin: 7px 0px 0px 10px;    
    padding: 7px 7px 7px 3px;    
    font: 10px Verdana,Arial,Helvetica, sans-serif;    
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;    
    border-radius:3px;   
    border-bottom: 3px solid #1889b8;   
    -webkit-transition: all .5s ease-out;   
    -moz-transition: all .5s ease-out;   
    -o-transition: all .5s ease-out;   
  }   
  .tagItem:hover {    
    float:left;    
    color:#fff;    
    background:#4394c3;    
    margin: 7px 0px 0px 10px;    
    padding: 7px 7px 7px 3px;    
    font: 10px Verdana,Arial,Helvetica, sans-serif;    
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;    
    border-radius:3px;    
  }   
  .tagItem a:link,    
  .tagItem a:visited {    
    float:left;    
    color:#fff;    
    padding: 0px 5px 0px 5px;    
  }


Вот и все, если цветовая гамма на вписывается в стилистику вашего сайта, то можно ее изменить покапавшись в css стилях.

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты от GaMe Portals » Облако тегов в стиле flat от Fahrieva (Уникальный вид тегов для светлых дизайнов!)
  • Страница 1 из 1
  • 1
Поиск: