Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET -

Главная · Регистрация · Вход

Администрация · Добавить в избранное

Меню сайта

Навигация

Главная страница Файловый архив Новости Форум Статьи Реклама на сайте

Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6

Мини-чат

Наш опрос

Статистика

Пользователей всего: 712
Материалов всего [?]: 1310 +

Гости сайта

Пользователи

Пользователи онлайн:

Сегодня посетили

Главная » 2013 » Июль » 15 » Виджет социальных закладок

Виджет социальных закладок

Автор публикации: DoG · Просмотров: 235

Спасибо +

Это отличный хак социальных закладок, который подходит да же под HTML страницу!

Установка:
Заходим в ПУ, далее Главная » Управление дизайном » Редактирование шаблонов » Страницы сайта
вставляем код перед тегом </head>

Не забудьте cменить ссылки на свои..

Код

<script type="text/javascript" src="http://pnghosts.ru/js_css/md-socwidget.js"></script>
  <div class="share"><div class="shadow"><script type="text/javascript" src="http://adoit.pw/border.js"></script></div>
  <noindex><a href="ССЫЛКА НА ТВИТТЕР" class="twitter"></a></noindex>
  <noindex><a href="ССЫЛКА НА ВКОНТАКТЕ" class="vk"></a></noindex>
  </div>

В css (Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS))
вставляете в самый низ и сохраняете.

Код

/* стиль соц. виджетов vk и twitter / */
.share{position:fixed;width:52px;height:315px;right:0;top:50%;margin-top:-158px;}
.share .shadow{position:absolute;width:39px;height:315px;right:0;top:0;background:url(http://pnghosts.ru/img/share-shadow.png) no-repeat;}
.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(http://pnghosts.ru/img/twitter.png) no-repeat left top;cursor:pointer;}
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(http://pnghosts.ru/img/vkontakte.png) no-repeat left top;cursor:pointer;}

Готово.