Вторник, 26.11.2024, 19:42
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Это интересно
[ · · · · ]
  • Страница 1 из 1
  • 1
Модератор форума: ImmortaL  
Теги с 4dle
SanshroomДата: Вторник, 28.07.2009, 17:31 | Сообщение # 1
Сообщений: 107
Уважение
[ ]

Такой эффект достигается всего лишь 3 скриптами!
Приступим к установке:
Скачиваем этот архив: http://letitbit.net/download/53d753590998/tags-4dle.rar.html и заливаем папку js(вместе с содержимым) в корень сайта.
Затем в Ваш шаблон куда-нить наверх добавить этот код:

Code
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
   <script type="text/javascript" src="js/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>

Теперь в любой чистый блок вставляем сами теги!

Code
<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>

Теперь разберём!Где Вы видите Фото Фото и тд меняете на своё название.Я оставил названия тегов 4dle,потому что вебмастерам они могут пригодиться,ну а остальным для примера!


ImmortaLДата: Воскресенье, 04.10.2009, 17:12 | Сообщение # 2
Сообщений: 359
Уважение
[ ]
норм))


  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Новый Топ пользователей с аватарами для Ucoz
[0]
Простой и красивый вид формы опроса
[0]
Красивый информер "кто нас сегодня посетил" для Ucoz
[0]
Flash радио для сайта
[0]
Новый информер комментарии для ucoz как на Dle
[0]
Новый вид опроса для uCoz
[0]
Связь с администрацией
[0]
Новый вид статистики Ucoz
[0]
Скрипт Наши сервера в одном блоке
[0]
Выдвижная кнопка ВКонтакте
[0]
[15]
ImmortaL
[359]
Sanshroom
[107]
100$)))
[87]
2wey
[81]
КрисТишка
[37]
Warchi
[13]
Strider
[6]
Роман
[6]
aldamm
[2]
Amator
[2]
Angelinajoliitacy
(20.01.2017|03:48)
ZhenyaWelo
(01.03.2016|21:56)
Stojanhesk
(14.06.2015|11:03)
Gopn1k
(07.04.2012|11:52)
Star
(04.07.2011|15:29)
snezhok
(16.01.2011|22:15)
Каваня
(21.09.2010|03:23)
2wey
(07.07.2010|10:21)
4353453454345345
(03.05.2010|15:10)
eldendhutle
(19.04.2010|08:53)