Пятница, 23.06.2017, 18:23
Приветствую Вас Гость | RSS
Главная | Регистрация | Вход
Меню сайта
Форма входа
Поиск

САМЫЙ НАДЕЖНЫЙ И ВЫГОДНЫЙ ОБМЕН ВСЕХ ЭЛЕКТРОННЫХ ВАЛЮТ


Календарь
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Архив записей
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • ОБМЕН ВСЕХ ЭПС
  • Инструкции для uCoz
  • Magnetic Exchange - сервис обмена Яндекс Денег, WebMoney, RedPass, ePayments и Paxum

    НОВОСТНАЯ ЛЕНТА
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Раскрутка сайта самостоятельно
    Главная » 2013 » Июль » 15 » Виджет социальных закладок
    22:24
    Виджет социальных закладок
    Это отличный хак социальных закладок, который подходит да же под 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;}


    Готово.
    Просмотров: 141 | Добавил: DoG | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2017
    Яндекс.Метрика

    раскрутка сайта, самостоятельная раскрутка, продвижение сайтов