Главная | Форум | Вход | Регистрация

Меню


Навигация

Набор персонала Реклама на портале Каталог сайтов Баннеробмен Видео Чат
Категории
Интернет
Графика
Игры
Софт
Моды
Музыка
Прочее
Tech-mafia™Team
Состав команды Устав клана ClanWar(cw) Забить(cw)
Все для CS:S
Готовые сервера CSS Cкачать CS Source Плагины CSS Модели CSS Статьи CSS Разное CSS Карты CSS Моды CSS Софт CSS

Опрос

Как вам Сайт?
Всего ответов: 124

Все для cs:s

Файлы, находящиеся на сайте - сжаты в архивы *.rar | *.zip
Скачать WinRaR
(Посл. руская версия)

Статистика

Счетчик посещений


OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Юзеры онлайн:
Нас посетили:
Главная » Файлы » Программы / Софт / Игры » Прочее

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


Готово.
Категория: Прочее | Добавил: greenpis
Просмотров: 507 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Все права не нарушены.
Css-TechMafia.Com | by RedHazard | Site by www.Css-Techmafia.Com