Кнопки социальных сетей : Вопросы сервера

OlegON · █ 23.07.2011 09:50

Не хочется писать в нуль (/dev/null), соответственно, хочется, чтобы все пользователи были в курсе тех заметок, которые я тут кропотливо строгаю (и надеюсь, что кто-то к этому присоединится). Замечаю, что народу проще скопипастить интересное, чем поделиться ссылкой, что совсем не интересно мне, как автору. Соответственно, чтобы облегчить жизнь распространителям, есть мелкая, но очень приятная фича у Яндекса, называется она "Блок Поделиться". Суть очень проста, выбираете нужные кнопочки и забираете готовый код кнопок для размещения на сайте/форуме. Выглядеть они будут приблизительно так, как вы видите, надеюсь, в каждом сообщении.

OlegON · █ 18.07.2012 15:53

Переделал кнопки...

Код:

.twitter{float:left;margin-left:20px;margin-right:5px;padding:5px 0;}
.twitter a{opacity: 0.5;display:block;width:14px;height:16px;background:url("/images/icon-twitter.gif") no-repeat scroll 0 0 transparent;}
.twitter a:hover{opacity:1;}

.facebook{float:left;margin-right:5px;padding:5px 0;}
.facebook a{opacity: 0.5;display:block;width:14px;height:16px;background:url("/images/icon-facebook.png") no-repeat scroll 0 0 transparent;}
.facebook a:hover{opacity:1;}

.vkontakte{float:left;margin-right:5px;margin-top:1px;padding:5px 0;}
.vkontakte a{opacity: 0.5;display:block;width:14px;height:16px;background:url("/images/icon-vkontakte.png") no-repeat scroll 0 0 transparent;}
.vkontakte a:hover{opacity:1;}

.googleplus{float:left;margin-right:15px;margin-top:1px;padding:5px 0;}
.googleplus a{opacity: 0.5;display:block;width:14px;height:16px;background:url("/images/icon-googleplus.png") no-repeat scroll 0 0 transparent;}
.googleplus a:hover{opacity:1;}

<div class="twitter">
<a href="http://twitter.com/intent/tweet?text=https://olegon.ru/showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" title="Опубликовать ссылку в Twitter" target="_blank"></a>
</div>
<div class="vkontakte">
<a href="http://vkontakte.ru/share.php?url=https://olegon.ru/showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" title="Опубликовать ссылку во ВКонтакте" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300'); return false"></a>
</div>
<div class="facebook">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://olegon.ru/showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" title="Опубликовать ссылку в Facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false"></a>
</div>
<div class="googleplus">
<a href="https://plus.google.com/share?url=https://olegon.ru/showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" title="Опубликовать ссылку в Google Plus" onclick="window.open(this.href, 'Опубликовать ссылку в Google Plus', 'width=800,height=300'); return false"></a>
</div>

OlegON · █ 19.07.2012 10:20

Кстати, как считаете лучше в эти кнопки ссылки давать, на сообщение отдельно или на сообщение в теме? Т.е., например,
так https://olegon.ru/showpost.php?p=119656&postcount=7
или
так https://olegon.ru/showthread.php?p=119656#post119656

whitewizard · █ 19.07.2012 10:40

на сообщение в теме

OlegON · █ 19.07.2012 10:54

переделал

OlegON · █ 01.08.2012 20:23

Код:

<div class="twitter">
<a href="http://twitter.com/intent/tweet?text=<?php echo esc_url( get_permalink() ); ?>" title="Опубликовать ссылку в Twitter" target="_blank"></a>
</div>
<div class="vkontakte">
<a href="http://vkontakte.ru/share.php?url=<?php echo esc_url( get_permalink() ); ?>" title="Опубликовать ссылку во ВКонтакте" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300'); return false"></a>
</div>
<div class="facebook">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo esc_url( get_permalink() ); ?>" title="Опубликовать ссылку в Facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false"></a>
</div>
<div class="googleplus">
<a href="https://plus.google.com/share?url=<?php echo esc_url( get_permalink() ); ?>" title="Опубликовать ссылку в Google Plus" onclick="window.open(this.href, 'Опубликовать ссылку в Google Plus', 'width=800,height=300'); return false"></a>
</div>

Вариант <div> для Wordpress