сайт Zombi-Public i Hns
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Главная страница форум Информация о сайте Каталог файлов фотоальбом блог гостевая книга
Всё для UCoz
Скрипты для UCOZ Шаблоны для UCOZ Иконки групп Шапки для сайта Кнопки форума
sa:mp
Counter Strike
Меню для Counter Strike Карты Модели оружия Модели игроков Прицелы Радары Модели перчаток
Реклама
Наш баннер


Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте




Наш опрос
Что лучше?
javascript:// javascript://
Всего ответов: 14
Нас посетили
Кто нас сегодня посетил
Статистикa
Анализ сайтов, проверка тиц, pr Информер сайта PR-CY.ru MyTOP.kz Яндекс.Метрика
CY and PR
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2013 » Июль » 15 » Виджет социальных закладок
23: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;}


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

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Друзья
Мини-чат
200
Календарь
Архив записей
МЫ В TOP
Все для uCoz|кино фильмы онлайн Рейтинг VOON.RU TOP100 Game's TOP-100 Counter BIGwebs.ru-ТОП раскрутка раскрутка сайтов. Каталог Ресурсов Интернет Лучший Топ Сайтов от Samp-Sait.Net.Ru Game-Ws.Com - лучший игровой ТОП сайтов! Dragon-css.ucoz.ru - лучший ТОП сайтов интернета! Graffiti Decorations(R) Studio (TM) Site Promoter
fighter-cs.do.am/