Виджет социальных закладок - 15 Июля 2013 - Орлы

x
65 годовщина Победы!
Четверг, 19.06.2025, 18:54

           Орлы! 

           

Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Меню сайта
Время
Категории раздела
Новость [70]
Новость
Уведомления [189]
Мини-чат
Наш опрос
Топ танков
[ Результаты · Архив опросов ]
Всего ответов: 59
Форма входа
Подробная статистика
Подробная статистика посещения
СТАТИСТИКА
» Зарег. на сайте  
Всего: 114  
Новых за месяц: 0  
Новых за неделю: 0  
Новых вчера: 0  
Новых сегодня: 0  
» Из них  
   Администраторов: 1     
   Модераторов: 2
Модератор форума:
   Проверенных: 2     
Обычных юзеров: 109  
» Из них  
Парней: 109  
Девушек: 5  

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

Пользователи, посетившие
сайт за текущий день :
 
Главная » 2013 » Июль » 15 » Виджет социальных закладок

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


Готово.
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML

    • Просмотров: 352 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2025
    Поиск
    Календарь
    «  Июль 2013  »
    Пн Вт Ср Чт Пт Сб Вс
    1234567
    891011121314
    15161718192021
    22232425262728
    293031
    последнее на форум
    Ответов: 13
    Форум: Общежитие

    Тема: UPD сайта
    Ответов: 23
    Форум: Дополнительно

    Тема: Анкета
    Ответов: 24
    Форум: Анкета

    Архив записей
    День Рождения
    Друзья сайта
  • Создать сайт
  • Официальный блог

    • Таблица цветов
    руб.
    Дорогие посетители, внесите пожертвование в развитие нашего проекта. Яндекс.Деньгами на счёт ########0282815 Оставить своё спасибо

    Создать бесплатный сайт с uCoz

    до Дня Победы осталось: