X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Кнопки социалных сетей для DLE, Подскажите ссылку
twildd
twildd
Topic Starter сообщение 7.8.2010, 22:02; Ответить: twildd
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 320
Регистрация: 18.1.2010
Поблагодарили: 65 раз
Репутация:   25  


Всем прохлады в этот жаркий вечер sad.gif
Собстсенно говоря сабж. Не подскажите ссылку на страницу с инструкцией реализации на DLE? На WP несколько находил. Но как их адаптировать под DLE не разобрался.

Заранее большое спасибо


--------------------
Баннеры: статика, flash, gif | Нужен баннер? Кликаем.
1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Staurus
Staurus
сообщение 7.8.2010, 22:09; Ответить: Staurus
Сообщение #2


Big Brother
******


Группа: Active User
Сообщений: 2179
Регистрация: 12.6.2009
Из: Симферополь
Поблагодарили: 2368 раз
Репутация:   260  


addthis.com - раз
artinblog.ru/social/buttons.html - два


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
twildd
twildd
Topic Starter сообщение 7.8.2010, 22:52; Ответить: twildd
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 320
Регистрация: 18.1.2010
Поблагодарили: 65 раз
Репутация:   25  


Первую добавил в закладки. А вторая как раз для WP. Может кто знает, как допустим здесь:
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @artinblogru <?php the_title(); ?>: <?php the_permalink(); ?>" title="Добавить в Twitter"><img src="<?php bloginfo('template_url'); ?>/images/twit_cir.png" width="48" height="48" title="Опубликовать в Twitter" alt="Опубликовать в Twitter" /></a>

...адаптировать под DLE?


--------------------
Баннеры: статика, flash, gif | Нужен баннер? Кликаем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jaroslove
Jaroslove
сообщение 7.8.2010, 23:42; Ответить: Jaroslove
Сообщение #4


Частый гость
**

Группа: User
Сообщений: 95
Регистрация: 5.7.2010
Из: Россия
Поблагодарили: 42 раза
Репутация:   8  


(twildd @ 7.8.2010, 22:52) *
Первую добавил в закладки. А вторая как раз для WP. Может кто знает, как допустим здесь:
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @artinblogru <?php the_title(); ?>: <?php the_permalink(); ?>" title="Добавить в Twitter"><img src="<?php bloginfo('template_url'); ?>/images/twit_cir.png" width="48" height="48" title="Опубликовать в Twitter" alt="Опубликовать в Twitter" /></a>

...адаптировать под DLE?

Переделанные кнопки для DLE:

Иконки из архива кидаешь в /templates/твойшаблон/images/
Во fullstory.tpl, в нужное место, добавляешь код:
<!-- Кнопки добавления статьи в социальные сети. Сделано Артином >> http://artinblog.ru -->            
<div class="buttons">
Если статья несет для Вас смысловую нагрузку, поделитесь ею пожалуйста с другими:<br /><br />
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @artinblogru {full-link}" title="Добавить в Twitter"><img src="{THEME}/images/twit_cir.png" width="48" height="48" title="Опубликовать в Twitter" alt="Опубликовать в Twitter" /></a>

<a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u={full-link}"><img src="{THEME}/images/face_cir.png" width="48" height="48" title="Написать в Facebook" alt="Написать в Facebook" /></a>

<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url={full-link}" ><img src="{THEME}/images/vkon_cir.png" width="48" height="48" title="Поделиться ВКонтакте" alt="Поделиться ВКонтакте" /></a>

<a rel="nofollow" target="_blank" href="http://www.google.com/buzz/post?url={full-link}&title={title}&srcURL=http://artinblog.ru/" ><img src="{THEME}/images/buzz_cir.png" width="48" height="48" title="В Google Buzz" alt="В Google Buzz" /></a>

<a rel="nofollow" target="_blank" href="http://www.livejournal.com/update.bml?event={full-link}&subject={THEME}" ><img src="{THEME}/images/lj_cir.png" width="48" height="48" title="Записать себе в LiveJournal" alt="Записать себе в LiveJournal" /></a>

<a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url={full-link}" ><img src="{THEME}/images/mir_cir.png" width="48" height="48" title="Показать В Моем Мире" alt="Показать В Моем Мире" /></a>

<a rel="nofollow" target="_blank" href="http://my.ya.ru/posts_add_link.xml" ><img src="{THEME}/images/ya_cir.png" width="48" height="48" title="Поделиться ссылкой в Моем Круге" alt="Поделиться ссылкой в Моем Круге" /></a>
</div>

<p style="text-align: right;"><a rel="nofollow" href="http://artinblog.ru/social/buttons.html" target="_blank" title="Как поставить себе такие кнопки">Хочу себе такие кнопки</a></p>


Сообщение отредактировал Jaroslove - 7.8.2010, 23:44


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gwer
gwer
сообщение 8.8.2010, 1:24; Ответить: gwer
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 65
Регистрация: 7.8.2010
Поблагодарили: 13 раз
Репутация:   2  


Переделывал Tweetmeme под DLE себе, процесс описывал здесь.
Можно воспользоваться предложением предыдущего автора, но там будет только прямая ссылка, без заголовка (который задается '{title}'), что в свою очередь, если не ошибаюсь, может привести к проблемам с кодировкой.
Так что проще всего воспользоваться tweetmeme, с описанием установки по ссылке выше.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
twildd
twildd
Topic Starter сообщение 8.8.2010, 14:01; Ответить: twildd
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 320
Регистрация: 18.1.2010
Поблагодарили: 65 раз
Репутация:   25  


(gwer @ 7.8.2010, 17:24) *
Переделывал Tweetmeme под DLE себе, процесс описывал здесь.
Можно воспользоваться предложением предыдущего автора, но там будет только прямая ссылка, без заголовка (который задается '{title}'), что в свою очередь, если не ошибаюсь, может привести к проблемам с кодировкой.
Так что проще всего воспользоваться tweetmeme, с описанием установки по ссылке выше.


Спасибо, прочитаю.

------------
Вот здесь очень даже неплохие кнопочки. Но эта панелька "плавает" сбоку от новости. Может кто-нибудь разберётся с кодом, чтобы избавить панель от движение и привести её в горизонтальное положение (зафиксировать в конкретном месте новости).

Вот CSS:
#socializ {
  position: fixed;
  z-index: 1000;
  margin-left: -70px;
  padding: 6px 6px 0;
  border: 1px solid #E5E5E5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
* html #socializ {display: none}
#socializ:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#socializ a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 6px;
  background-color: #F6F6F6;
}
/* Если используете скрипт из второго примера,
тогда еще добавьте это: */
#socmore {
  text-align: center;
  cursor: pointer;
  margin: -11px 0 4px;
  width: 32px;
}


Вот код скрипта:
function socializ(u,t) {

    var m1 = 500; /* расстояние от начала страницы до плавающей панели */
    var m2 = 60; /* расстояние от верха видимой области страницы до плавающей панели */
    var f = 'путь'; /* путь к папке с изображениями кнопок */

    document.write('<div id="socializ"></div>');
    var s = $('#socializ');
    s.css({top: m1});
    function margin() {
        var top = $(window).scrollTop();
        if (top+m2 < m1) {
            s.css({top: m1-top});
        } else {
            s.css({top: m2});
        }
    }
    $(window).scroll(function() { margin(); })

    s.append(
        '<div id="soc1">' +
        '<a href="http://twitter.com/home?status=RT @Dimox_ru ' + t + ' - ' + u + '" title="Добавить в Twitter"><img src="' + f + 'twitter.png" alt="" /></a>' +
        '<a href="http://www.google.com/reader/link?url=' + u + '&title=' + t + '&srcURL=http://dimox.name/" title="Добавить в Google Buzz"><img src="' + f + 'google-buzz.png" alt="" /></a>' +
        '<a href="http://www.friendfeed.com/share?title=' + t + ' - ' + u + '" title="Добавить в FriendFeed"><img src="' + f + 'friendfeed.png" alt="" /></a>' +
        '<a href="http://www.facebook.com/sharer.php?u=' + u + '" title="Поделиться в Facebook"><img src="' + f + 'facebook.png" alt="" /></a>' +
        '<a href="http://vkontakte.ru/share.php?url=' + u + '" title="Поделиться ВКонтакте"><img src="' + f + 'vkontakte.png" alt="" /></a>' +
        '<a href="http://connect.mail.ru/share?share_url=' + u + '" title="Поделиться в Моем Мире"><img src="' + f + 'moy-mir.png" alt="" /></a>' +
        '<a href="http://www.livejournal.com/update.bml?event=' + u + '&subject=' + t + '" title="Опубликовать в своем блоге livejournal.com"><img src="' + f + 'livejournal.png" alt="" /></a>' +
        '</div>' +
        '<div id="socmore" title="Еще">...</div>' +
        '<div id="soc2">' +
        '<a href="http://delicious.com/save?url=' + u + '&title=' + t + '" title="Сохранить закладку в Delicious"><img src="' + f + 'delicious.png" alt="" /></a>' +
        '<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=' + u + '&title=' + t + '" title="Сохранить закладку в Google"><img src="' + f + 'google.png" alt="" /></a>' +
        '<a href="http://bobrdobr.ru/add.html?url=' + u + '&title=' + t + '" title="Забобрить"><img src="' + f + 'bobrdobr.png" alt="" /></a>' +
        '<a href="http://memori.ru/link/?sm=1&u_data[url]=' + u + '&u_data[name]=' + t + '" title="Сохранить закладку в Memori.ru"><img src="' + f + 'memori.png" alt="" /></a>' +
        '<a href="http://www.mister-wong.ru/index.php?action=addurl&bm_url=' + u + '&bm_description=' + t + '" title="Сохранить закладку в Мистер Вонг"><img src="' + f + 'mister-wong.png" alt="" /></a>' +
        '</div>' +
    '');

    s.find('a').attr({target: '_blank'}).css({opacity: 0.5}).hover(
        function() { $(this).css({opacity: 1}); },
        function() { $(this).css({opacity: 0.7}); }
    );
    s.hover(
        function() { $(this).find('a').css({opacity: 0.7}); },
        function() { $(this).find('a').css({opacity: 0.5}); }
    );
    $('#socmore').css({opacity: 0.5}).hover(
        function() { $(this).css({opacity: 1}); },
        function() { $(this).css({opacity: 0.5}); }
    );

    $('#soc2').hide();
    $('#socmore').toggle(
        function() {
            $('#soc1').animate({height: 'hide'}, 300);
            $('#soc2').animate({height: 'show'}, 300);
        },
        function() {
            $('#soc2').animate({height: 'hide'}, 300);
            $('#soc1').animate({height: 'show'}, 300);
        }
    )

}


Панелька очень красивая и функциональная. Но движение это...


--------------------
Баннеры: статика, flash, gif | Нужен баннер? Кликаем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gwer
gwer
сообщение 8.8.2010, 14:10; Ответить: gwer
Сообщение #7


Частый гость
**

Группа: User
Сообщений: 65
Регистрация: 7.8.2010
Поблагодарили: 13 раз
Репутация:   2  


Сегодня поковыряю скрипт, вроде не очень сложный, если разберусь - скину.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
twildd
twildd
Topic Starter сообщение 8.8.2010, 14:13; Ответить: twildd
Сообщение #8


Бывалый
****

Группа: User
Сообщений: 320
Регистрация: 18.1.2010
Поблагодарили: 65 раз
Репутация:   25  


(gwer @ 8.8.2010, 6:10) *
Сегодня поковыряю скрипт, вроде не очень сложный, если разберусь - скину.


Заранее спасибо smile.gif


--------------------
Баннеры: статика, flash, gif | Нужен баннер? Кликаем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gwer
gwer
сообщение 8.8.2010, 16:00; Ответить: gwer
Сообщение #9


Частый гость
**

Группа: User
Сообщений: 65
Регистрация: 7.8.2010
Поблагодарили: 13 раз
Репутация:   2  


Доковырял панельку, повесил ее горизонтально, убрал прокрутку. Повесил себе на блоги laugh.gif
Инструкция по установке здесь.


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
twildd
twildd
Topic Starter сообщение 8.8.2010, 17:28; Ответить: twildd
Сообщение #10


Бывалый
****

Группа: User
Сообщений: 320
Регистрация: 18.1.2010
Поблагодарили: 65 раз
Репутация:   25  


(gwer @ 8.8.2010, 8:00) *
Доковырял панельку, повесил ее горизонтально, убрал прокрутку. Повесил себе на блоги laugh.gif
Инструкция по установке здесь.


Спасибо, сегодня попробую smile.gif

Кстати, а почему убрали края? (рамку)


--------------------
Баннеры: статика, flash, gif | Нужен баннер? Кликаем.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуются рерайтеры для медицинского сайта
30 руб за 1000 рерайта
14 Lisel85 2683 Сегодня, 19:38
автор: Lisel85
Открытая тема (нет новых ответов) GALAKSION – оптимальный вариант для монетизации вашего сайта!
23 Galaksion_Network 2419 Сегодня, 19:17
автор: Galaksion_Network
Открытая тема (нет новых ответов) Ищу платёжный агрегатор для работы с физ. лизами (не ИП)
21 SergeiVL 2621 Сегодня, 16:26
автор: BestExchangers
Горячая тема (нет новых ответов) Букварикс - бесплатная программа для быстрого подбора ключевых слов
150 Bukvarix 73744 Сегодня, 16:20
автор: Smspva
Открытая тема (нет новых ответов) 10 бесплатных сервисов Google для бизнеса, о которых мало кто слышал
17 jack 5330 Сегодня, 13:26
автор: Catherine_Molli


 



RSS Текстовая версия Сейчас: 12.12.2017, 20:40
Дизайн