Уважаемые пользователи skript-na-ucoz.ucoz.ru. Вы найдете у нас на портале - и сможете скачать бесплатно различные программы для вебмастеров и не только, фильмы, игры, все для фотошопа, скрипты для ваших сайтов, бесплатные шаблоны, модули, хаки и релизы популярных CMS таких-как: Datalife Engine, WordPress, Joomla, Drupal, Ucoz и многое другое, а также обсудить и получить помощь на нашем форуме. С Уважением Администрация skript-na-ucoz
Главная » Скачать бесплатно » Скачать Всё для Ucoz » Скачать Скрипты для Ucoz
Облако тегов для ucoz
После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!
08.12.2020, 05:15


Я вам предлагаю два варианта, один упрощенный, другой анимированный, какой выбрать для себя решайте сами.

Теперь давайте разберемся со стандартной структурой тегов созданных при помощи информера, для этого вначале установим этот информер. Перейдите в ПУ / Инструменты / Информеры, кликаем создать новый информер, раздел выбираем теги, способ вывода - список тегов, а остальное по желанию. Полученный код вызова информера $MYINF_#$ вставляем в то место где хотим видеть список тегов, прежде заменяем в этом коде # на свой номер информера.

Следующий шагом у нас уже будет установка, а для первого варианта тегов uCoz она крайне простая, просто скопируйте css код нужного цвета к себе в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл.

Вариант бирюзовый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант оранжевый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg2.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg2.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант 1, синий

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg3.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg3.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант зеленый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg4.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg4.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант пурпурный

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg5.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg5.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}



Вариант красный

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg6.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg6.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант серый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg7.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg7.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


А для второго варианта нам потребуется еще установить js, скопируйте данный код в самый низ страницы, перед тегом

Код

<script type="text/javascript"src="http://mvcreative.ru/example/16/2/js/functions.js"></script>


И в то место куда мы устанавливали код вызова информера $MYINF_#$, рядом поставим данный код.

Код

<div id="newTags"></div>


То есть в итоге получится вот так:

Код

$MYINF_#$ <div id="newTags"></div>



Ну а дальше все тоже самое, установка css кода, точно также как и в 1 варианте:
Вариант бирюзовый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант оранжевый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg2.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg2.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант синий

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg3.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg3.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант зеленый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg4.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg4.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант пурпурный

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg5.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg5.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант красный

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg6.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg6.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Вариант серый

Код

.tagItem {  
  float:left;  
  margin:0 10px 7px 0;  
  padding:2px 10px 2px 0;  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg7.png) no-repeat right -25px;  
  color:#fff;  
  font-size:11px;  
  font-family:helvetica, arial, sans-serif;  
}  
.eTag {  
  background:url(http://mvcreative.ru/example/16/1/images/tag_bg7.png) no-repeat left top;  
  padding:6px 5px 4px 7px;  
  position:relative;  
  margin:0 3px 0 -2px;  
  border-right:1px solid #d2d2d2;  
  -moz-border-radius:0 3px 3px 0;  
  -webkit-border-radius:0 3px 3px 0;  
  border-radius:0 3px 3px 0;  
  color:#3f3f3f;  
  text-shadow:0 1px #fff;  
  text-decoration:none;  
  font-size:11px;  
}


Готово!
Категория: Скачать Скрипты для Ucoz бесплатно | Добавил: Kenik | Теги: нас, СЕГОДНЯ, скрипты для ucoz, Скрипт, посетили, uCoz, для
Просмотров: 99 | Загрузок: 0
Изменяем вид Подфорума для uCoz   Облако тегов для ucoz
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Для просмотра мини профиля,войдите на сайт как пользователь.
Разное
Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Анализ сайта skript-na-ucoz.ucoz.ru Top.Mail.Ru

Яндекс.Метрика
Сейчас online
Онлайн всего: 2
Гостей: 2
Пользователей: 0
Сегодня наш сайт посетили
[Полный список]
Счетчик пользователей
Сегодня нас посетило
Счетчики сайта
  • Счетчик юзеров
    • Всего юзеров: 1196
    За месяц: 0
    За неделю: 0
    За вчера: 0
    Сегодня: 0
  • Счетчик материалов
    • Всего файлов: 10242
    Всего новостей: 31
    Всего статей: 0
    Темы форума: 2521
    Коментариев: 16
    Фотоальбом: 3
    Скачали: 10242
    Каталог сайтов: 35
    Онлайн Игр: 213
    Онлайн Видео: 8596
    Партнеры сайта
    Стать партнером Стать партнером Стать партнером
    Меню сайта
    Категории
    Шаблоны для Ucoz
    Шапки для Ucoz
    Скрипты для Ucoz
    Иконки для Ucoz
    Кнопки для Ucoz
    Уроки для Ucoz
    Статьи для Ucoz
    Прочее для Ucoz
    Популярное
    Рип вида материалов 3uCoz
    Скрипты для Ucoz
    Красивое меню для сайта
    Скрипты для Ucoz
    Мини-профиль в шапке
    Скрипты для Ucoz
    Скачать DataLife Engine Для Ucoz
    Шаблоны для Ucoz
    Иконки на тему Гарри Поттер
    Иконки для Ucoz
    Обсудить на форуме
    Скачиваемое
    Программа Filin 3.7.1. Бесплатный аналог Post News(Add News)
    Интернет / Сети
    Деньги различных стран
    Шаблоны для фотошопа
    Новый вид материалов для ucoz
    Скрипты для Ucoz
    Шаблон с мужчиной в деловом костюме на фоне машины.
    Шаблоны для фотошопа
    Скрипт - Меняем цвет прицела в Counter-Strike 1.6 таблица цветов
    Скрипты
    Обсудить на форуме
    Интерестное
    Пак шаблонов для uCoz(Shablon's pack) by KEY-CS
    Шаблоны для Ucoz
    Шапка для сайта FootBall (футбол)
    Шапки для Ucoz
    Торрент шаблон для ucoz
    Шаблоны для Ucoz
    Вертикальное меню в стиле сталкер
    Скрипты для Ucoz
    Скрипт Лента новостей для Ucoz для uCoz
    Скрипты для Ucoz
    Обсудить на форуме