Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Виджет социальных закладок

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Виджет социальных закладок.

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


Это отличный хак социальных закладок, который подходит да же под HTML страницу!
Установка:
1 - Загружаем в в папку JS в своём шаблоне вот этот файл предварительно разархивировав её

2 - далее прописавыем в main.tpl
между тегами и вставляем такую строчку:
<script type="text/javascript" src="{THEME}/js/md-socwidget.js"></script>


После тега вставляем такой код:
<!-- соц виджеты vk и twitter/ -->
        <div class="share">
      <div class="shadow"></div>
        <noindex><a href="http://site.ru/" class="twitter"></a></noindex>
              <noindex><a href="http://site.ru/" class="vk"></a></noindex>
      </div>
    <!-- соц виджеты vk и twitter /  -->


3 - В стилях своего шаблона прописываем (стили обычно находятся по адресу {THEME}/css/style.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(../images/share-shadow.png) no-repeat;}
.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(../images/twitter.png) no-repeat left top;cursor:pointer;}
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(../images/vkontakte.png) no-repeat left top;cursor:pointer;}


4 - Заливаем картинки к себе на сервер в папку images Предварительно разархивировав:
dle_md-widget.rar [385.44 Kb] (cкачиваний: 705)
MD5: b7d43e273acfd73e7cc7442aca1348c3


Автор данного ХАК'а 5Nizza (my-dle.ru)


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


Отредактировал 5Nizza - 2012-4-24
Причина: обновил картинку и архив
+7
Просмотры: 9 647 :: Комментарии (29) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1apocalypce

  • 23 апреля 2012 23:56
  • Регистрация: 23.11.2009
  • Был(а) онлайн: 8.12.2014
  • Комментариев: 117
  • +1
поставил все работает! Добавлю еще парочку закладок/ Я еще добавил в ссылку rel="nofollow" ))))

--------------------

#2Tonchi

  • 24 апреля 2012 00:42
  • Регистрация: 13.04.2011
  • Был(а) онлайн: 3.06.2020
  • Комментариев: 129
  • 0
спасибо автору, поставлю!

#35Nizza

  • 24 апреля 2012 05:17
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.10.2024
  • Комментариев: 343
  • 0
biggrin пошли по миру мои закладки

#4AltRock

  • 24 апреля 2012 08:56
  • Регистрация: 28.02.2011
  • Был(а) онлайн: 26.10.2013
  • Комментариев: 119
  • 0
5Nizza,
спс что обновил архив

--------------------

#5LUCEfeel

  • 24 апреля 2012 09:44
  • Регистрация: 30.01.2010
  • Был(а) онлайн: 7.03.2022
  • Комментариев: 84
  • 0
Харе нас грабить))

#6Зверь

  • 24 апреля 2012 10:08
  • Регистрация: 17.04.2012
  • Был(а) онлайн: 11.10.2012
  • Комментариев: 14
  • 0
Сделай еще закладку Одноклассников пожалуйста

#75Nizza

  • 24 апреля 2012 11:14
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.10.2024
  • Комментариев: 343
  • 0
smile в среду думаю выделю немного времени и сделаю обнову и постараюсь пофиксить чуть скрипт, что бы не было косяков в нем..

#8cubespace

  • 24 апреля 2012 11:23
  • Регистрация: 23.01.2010
  • Был(а) онлайн: 11.11.2024
  • Комментариев: 23
  • 0
что то у меня, не работает (

#9arklochkow

  • 24 апреля 2012 11:53
  • Регистрация: 28.04.2010
  • Был(а) онлайн: 10.08.2016
  • Комментариев: 36
  • +1
К чему столько лишнего кода ?
368//Слайдер приложений на странице оплаты
Куча ненужного людям кода

441//выпадайка на странице оплаты
Куча ненужного людям кода

459//полка программ на странице оплаты
Куча ненужного людям кода


И т.д.

#10Defender

  • 24 апреля 2012 12:03
  • Регистрация: 22.09.2011
  • Был(а) онлайн: 29.09.2015
  • Комментариев: 51
  • 0
Я так понимаю, что это не конкретно хак под DLE...это скрипт под любую CMS?

#11mad-man242

  • 24 апреля 2012 12:53
  • Регистрация: 10.10.2011
  • Был(а) онлайн: 9.07.2017
  • Комментариев: 91
  • 0
Прикольный хак....нужно одноклассники ,мэйл ру и фэйсбук добавить

#125Nizza

  • 24 апреля 2012 13:00
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.10.2024
  • Комментариев: 343
  • 0
smile оно не кому не мешает. кому не нравится , лишнее удалят.. насчет добавления других уже думалось. в свободное время будет добавлено smile

#13arklochkow

  • 24 апреля 2012 13:06
  • Регистрация: 28.04.2010
  • Был(а) онлайн: 10.08.2016
  • Комментариев: 36
  • 0
$('div.share .twitter').hover(function(){
$(this).css('background-position', ' left -57px');
$(this).animate({'width' : '166px'});
},
function(){
$(this).animate({'width' : '51px'}, function(){$(this).css('background-position', ' left top');});
}).mousedown(function(){
$(this).css('background-position', ' left -114px');
}).mouseleave(function(){
$(this).css('background-position', ' left -57px');
return false;
});

$('div.share .vk').hover(function(){
$(this).css('background-position', ' left -57px');
$(this).animate({'width' : '186px'});
},
function(){
$(this).animate({'width' : '51px'}, function(){$(this).css('background-position', ' left top');});
}).mousedown(function(){
$(this).css('background-position', ' left -114px');
}).mouseleave(function(){
$(this).css('background-position', ' left -57px');
return false;
});


Вроде большего не нужно

#145Nizza

  • 24 апреля 2012 13:23
  • Регистрация: 22.09.2009
  • Был(а) онлайн: 5.10.2024
  • Комментариев: 343
  • 0
все обсуждения что нужно или нет можете предложить и задать на форуме в ветке обсуждений.
Здесь обсуждается статья: Виджет для сайта соц. закладок от my-dle.ru

имхо постоянно мониторить комменты не могу. Если что пишите там, по возможности выпустим как говорится обнову по просьбам.

#15mad-man242

  • 24 апреля 2012 17:35
  • Регистрация: 10.10.2011
  • Был(а) онлайн: 9.07.2017
  • Комментариев: 91
  • 0
5Nizza,
Спасибо буду ждать )

#16Andrey™

  • 26 апреля 2012 09:41
  • Регистрация: 28.09.2010
  • Был(а) онлайн: 28.06.2024
  • Комментариев: 153
  • -1
Цитата: Defender
Я так понимаю, что это не конкретно хак под DLE...это скрипт под любую CMS?
Да, хоть на HTML сайт. Видишь же, что тут не надо править двиг и это javacscript. Для работы скрипта нужна jQuery.

#17victor200

  • 26 апреля 2012 18:03
  • Регистрация: 30.01.2010
  • Был(а) онлайн: 14.04.2015
  • Комментариев: 145
  • 0
еще пожалуста сделайте одноклассники пожалуста

#18Actionfm

  • 26 апреля 2012 18:21
  • Регистрация: 6.07.2011
  • Был(а) онлайн: 30.05.2014
  • Комментариев: 5
  • 0
поставил, картинки не выдвигаются даже.

#19BloodKnight

  • 26 апреля 2012 18:47
  • Регистрация: 30.01.2011
  • Был(а) онлайн: 24.10.2014
  • Комментариев: 48
  • 0
Actionfm,
Криво поставили :)
Поставил себе,работает отлично вот только при наведении на кнопки они уходят под правый блок :)

--------------------

#20Actionfm

  • 26 апреля 2012 19:56
  • Регистрация: 6.07.2011
  • Был(а) онлайн: 30.05.2014
  • Комментариев: 5
  • 0
BloodKnight, странно поставил все нормально. По шаблону

1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)

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