Файлы Скрипты и модификации

Информер тегов с дизайном как на Dle

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

Установка:

В Ваш шаблон куда-нить наверх добавить этот код:
Код
<script type="text/javascript" src="http://for-ucoz.my1.ru/scripts/jquery-1.2.6.pack.js"></script>  
<script type="text/javascript" src="http://for-ucoz.my1.ru/scripts/effects.core.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
var f_color = '';  
$("a.structure").hover(function() {  
f_color = this.style.color;  
$(this).animate({ backgroundColor: "#4f94d0", color: "#ffffff" }, 700);  
},function()  
{  
$(this).animate({ backgroundColor: "white", color: f_color }, 200);  
});  
});  
</script>

Теперь в любой чистый блок вставляем сами теги!
Код
  
  <div id="content">  
  <div id="right">  
  <div class="tags"><a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Фото</a>  
  <a href="/" style="padding:2px; font-size:20px; color:#c4c4c4;" class="structure">модуль</a>  
  <a href="/" style="padding:2px; font-size:31px; color:#aad815;" class="structure">шаблон</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">web20</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">blog</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">пользователи</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">комментарии</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">Skin</a>  
  <a href="/" style="padding:2px; font-size:17px; color:#c4c4c4;" class="structure">Скин</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">News</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Стильный</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">web 20</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">новости</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">видео</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Награды</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">оплата</a>  
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">платный</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">files</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Hamer</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">хаки</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">free</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">портал</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">купить</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">модули</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">новость</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">otash-uz</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">новостной</a>  
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">дизайн</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">платные скины</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">скины</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">локализация</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">design</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">templates</a>  
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">Платный шаблон</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">GreenFest</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">kaliostro</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Сортировка</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">warcraft</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Forum</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">форум</a>  
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">DataLife Engine</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">спам</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">онлайн</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">категории</a>  
  <a href="/" style="padding:2px; font-size:12px; color:#336699;" class="structure">платное</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">меню</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">баг-фикс</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">DLE Links</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">player</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">dle forum</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">innerson</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">профиль</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">decor</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">скачать</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">мониторинг</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">REZER</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">ссылки</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">version</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">AJAX</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">бесплатно</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">платные шаблоны</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">Bishkek-info</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">опрос</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">все опросы</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">шаблоны</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">webmoney</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">battlenet</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">DotA</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">DotA Allstars</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">игровой</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">Доки</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">CS-Online</a>  
  <a href="/" style="padding:2px; font-size:11px; color:#999999;" class="structure">Sheckler</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">integration</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">downpage</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">jquery</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">шаблон dle forum</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">GRIMWEB</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">игры</a>  
  <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">softer</a>
Источник: Неизвестен
Материал «Информер тегов с дизайном как на Dle» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Комментарии
Наш опрос
Лучшая бесплатная CMS это...
1316 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2021 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны