Виджет социальных закладок - 15 Июля 2013 - Компьютеры и спутниковое ТВ

	Ro-n Computers	Вторник, 11.02.2025, 02:38
		Главная Копмпьютеры Notebook Заработок Регистрация Вход

Приветствую Вас Гость | RSS

Меню

Отправка СМС, ММС

Форум

Связь с администрацией

Скачать

Новости сайта

Получи бонус

Понравился наш сайт

Вы можете

Получить

Или

Наш опрос

Оцените мой сайт

1. Отлично

2. Ужасно

3. Хорошо

4. Неплохо

5. Плохо

[ Результаты · Архив опросов ]

Всего ответов: 68

Наша статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

сейчас на сайте:
сегодня были:

поиск по сайту

Подписка

Подписка на RSS

Подписка на материалы

Главная » » Виджет социальных закладок

20:59 Виджет социальных закладок
Это отличный хак социальных закладок, который подходит да же под 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;} Готово.
1 2 3 4 5 Просмотров: 363 \| Добавил: greenpis \| Рейтинг: 0.0/0