Виджет социальных закладок - 15 Июля 2013 - Домоводство
Домоводство
Главная | Каталог статей | Информация о сайте | Мой профиль | Выход | Вы вошли как Гость | Группа "Гости" | RSS | Карта сайта | Видео 
Суббота 03.12.2016, 12:35
Меню сайта
Джейми Оливер - Голый повар [11]
Онлайн рецепты [416]
Заготовки [103]
Пицца [20]
Готовим в глиняных горшочках [23]
Паштеты [20]
Салаты [48]
Закуски - грибы [7]
Блюда из баклажанов и кабачков [5]
Готовим в микроволновке [5]
торты и пирожное [35]
Лекарственные чаи [10]

Полезные советы

Все о кулинарии [39]
Хранение продуктов [2]
Уход за посудой [5]
И стирать надо уметь и гладить! [12]
Уход за одеждой [7]
Уход за мехом и кожей [7]
Уход за обувью [6]
Дел по дому всегда много... [12]
Такие важные мелочи! [15]
Уход за предметами быта [1]
Домашняя химчистка [9]
Наведем порядок на кухне! [7]
Полезно знать! [10]

Шитье (видео)
Красота
Здоровье
Народная медицина
Лекарственные растения
Поиск

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » 2013 » Июль » 15 » Виджет социальных закладок
21:11
Виджет социальных закладок
Это отличный хак социальных закладок, который подходит да же под 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;}


Готово.
Просмотров: 44 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Реклама
 
Copyright MyCorp © 2016


При копировании материала активная ссылка на сайт "Домоводство" - обязательна!!!
Топ100- Хозяйка Goon Каталог сайтов