Адаптация шаблона Progress Итак, не могу не выложить прекрасный шаблон! Как вы уже все знаете, автором/разработчиком данной темы под WordPress является themash, а я лишь являюсь автором адапта... Подробнее...
(0 голосов, средний: 0.0 из 5)   Просмотров: 455   Загрузок:
Автор: Гость
Короткое описание
Уважаемый посетитель, скачивать могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Описание

Это отличный хак социальных закладок, который подходит да же под 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;}


Готово.

Похожие материалы:

Похожие материалы:
Всего комментариев: 0
Оставить комментарий
Уважаемый посетитель, добовлять коментарии могут только зарегистрированные пользователи. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
chat