Социальные закладки на CSS и jQuery

1669
7.4 из 10
Проголосовало: 3




Всем доброе время суток!

Хочу придоставить вам "Социальные закладки на CSS и jQuery"

Установка:

Панель Управления - Страницы сайта:

между:

<head>

</head>

встаавляем:

Code
  

<link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/menu-in-css-1/css/style.css" type="text/css" charset="utf-8"/>
  <script type="text/javascript" src="http://vk-online.do.am/test_portal/webo4ka_ru/menu-in-css-1/js/jquery-1.3.2.js"></script>



в этомже разделе после:

<body>

вставляем:

Code


<ul id="navigation">
  <li class="lekus0"><a href="http://vkontakte.ru/share.php?url='+LinkUrl+" title="Поделиться ВКонтакте"></a></li>
  <li class="lekus1"><a href="http://www.facebook.com/sharer.php?u='+LinkUrl+" title="Добавить в Facebook"></a></li>
  <li class="lekus2"><a href="http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+" title="Добавить в Twitter"></a></li>
  <li class="lekus3"><a href="http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+" title="Добавить в Яндекс закладки"></a></li>
  <li class="lekus4"><a href="http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+" title="Добавить в Мой Мир"></a></li>
  <li class="lekus5"><a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+" title="Добавить в Одноклассники"></a></li>
  <li class="lekus6"><a href="http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+" title="Добавить в ЖЖ"></a></li>
  </ul>
  <script type="text/javascript">
  $(function() {
  $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

  $('#navigation > li').hover(
  function () {
  $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
  },
  function () {
  $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
  }
  );
  });
  </script>



Пользуйтесь наздорове...

Посмотреть демо можна ЗДЕСЬ
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://vk-online.do.am
  • Всего комментариев: 5

gefest35
0
gefest35 написал: Написано 27 мая 2013 в 20:08
Комментарий №5
Ты я смотрю ни демо ни панель нормальное не выложил

admin8354
0
admin8354 написал: Написано 10 мая 2012 в 19:22
Комментарий №4
а жаль классная штука, если бы еще работала нормально

admin8354
0
admin8354 написал: Написано 10 мая 2012 в 19:21
Комментарий №3
он не корректно работает, когда нажимаешь на вконтакте по крайне мере, то не показывает не картинку не описание не че, и если отправляешь, то вконтакте не ссылки на сайт не чего не вылазит

steel
+1
steel написал: Написано 19 Сентября 2011 в 00:23
Комментарий №2
Панель класс))) Так держать

LeKcUs
+1
LeKcUs написал: Написано 18 Сентября 2011 в 22:46
Комментарий №1
ой демо смотреть наада ЗДЕСь .

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    259
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: