|
 | | fobek Файлов: 0 Репа: 0 Постов: 7 |  | | Z3D Файлов: 0 Репа: 10 Постов: 2 |
|
 |
|
|
|
|
Главная » 2013 » Июль » 15 » Виджет социальных закладок
20:27 Виджет социальных закладок |
Это отличный хак социальных закладок, который подходит да же под 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;}
Готово.
|
|
Просмотров: 373 |
Добавил: DoG
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
 |
|
|
Гость
Пропуск: № 0
Новых сообщений: ()
В Зоне: -й день
|
|
| Block title |
|
|
|
|
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
|
|
