Главная | Регистрация | Вход
Меню сайта
Разделы новостей
Все Для Фотошоп [26]
Программы [4879]
Шаблоны Ucoz [64]
Все для Форумов и Сайтов [7]
Аниме [5]
Графика [171]
Всякое для Вебмастера [10]
Фильмы и Музыка [3444]
Все Для Хака [0]
Разное [3175]
Персональные данные
Добро пожаловать Гость!
Календарь новостей
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Поиск
Друзья сайта




Подпишитесь на нашу рассылку и вы всегда будете в курсе новостей!

Получать на E-mail:
Статистика
Онлайн всего: 21
Гостей: 21
Пользователей: 0
Зарег. на сайте
Всего: 432
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 2
Модераторов: 0
Проверенных: 0
Обычных юзеров: 430
Из них
Парней: 283
Девушек: 146
За последние 20 минут были:

Наш опрос
Как Вам Наш Портал? =)
1. Офигительно! Супер
2. Нормульна
3. Мега Круто!
4. Феее отстой
5. Так се
Всего ответов: 195
Мини-чат
200
 Главная » 2013 » Июль » 15 » Виджет социальных закладок
Виджет социальных закладок
23:40
Это отличный хак социальных закладок, который подходит да же под HTML страницу!

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

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

Код
<!-- соц виджеты vk и twitter/ -->
<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>
  <!-- соц виджеты vk и twitter / -->


В 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;}


Готово.
Просмотров: 150 | Добавил: DoG | Рейтинг: 0.0/0 |

КАК СКАЧАТЬ:

Поделись Новостью с Друзьями
HTML
BB-Code
Ссылка
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024