Социалка

Basilevs

Пользователь
main.css

PHP:
.tdsoc              { padding-bottom: 3px; padding-top: 0px; }
.tdmessage          { width: 80%; float: left; padding-top: 7px; }
/* ---------------------------------- *
Social
* ---------------------------------- */
div.soc_share {
float: right;
padding-top: 5px;
}
.soc_button {
display: inline-block;
width: 18px;
height: 18px;
 
-moz-opacity: .30;
filter: alpha(opacity=30);
opacity: .30;
}
.soc_button:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}
.soc_facebook {
background: url(../images/soc_sprite.png) no-repeat 0px 0px transparent;
}
 
.soc_twitter {
background: url(../images/soc_sprite.png) no-repeat -18px 0px transparent;
}
 
.soc_vkontakte {
background: url(../images/soc_sprite.png) no-repeat -36px 0px transparent;
}
 
.soc_livejournal {
background: url(../images/soc_sprite.png) no-repeat -54px 0px transparent;
}
 
.soc_google {
background: url(../images/soc_sprite.png) no-repeat -72px 0px transparent;
}

viewtopic.tpl

PHP:
<tr>
<th class="thHead td1">{L_AUTHOR}</th>
<th class="thHead td2 tdsoc"><div class="tdmessage">{L_MESSAGE}</div>
<div class="soc_share">
<a href="http://www.facebook.com/sharer.php?u=http://путь/viewtopic.php?t={TOPIC_ID}" title="Добавить в Facebook" rel="nofollow" class="soc_button soc_facebook" target="_blank"></a>
<a href="http://twitter.com/share?url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Опубликовать в Twitter" rel="nofollow" class="soc_button soc_twitter" target="_blank"></a>
<a href="http://vkontakte.ru/share.php?url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Добавить в Вконтакте" class="soc_button soc_vkontakte" target="_blank"></a>
<a href="http://www.livejournal.com/update.bml?event=http://путь/viewtopic.php?t={TOPIC_ID}" title="Опубликовать в LiveJournal" rel="nofollow" class="soc_button soc_livejournal" target="_blank"></a>
<a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=http://путь/viewtopic.php?t={TOPIC_ID}" title="Google +1" rel="nofollow" class="soc_button soc_google" target="_blank"></a>
    </div>
</th>
</tr>

Социалка v.2
 

Вложения

  • soc_sprite.png
    soc_sprite.png
    5.5 KB · Просмотры: 249

Basilevs

Пользователь
Ещё функцию в main.js
PHP:
$(document).ready(function(){
$('a.soc_button').click(function () {
var link = '';
title    = encodeURIComponent(document.title);

if ($(this).attr('href').match(/^http:\/\/www.facebook.com/)) {
link = 'http://www.facebook.com/sharer.php?u=' + document.location.href + '&t=' + title;
}
else if ($(this).attr('href').match(/^http:\/\/twitter.com/)) {
link = 'http://twitter.com/share?text=' + title + '&url=' + document.location.href;
}
else if ($(this).attr('href').match(/^http:\/\/vkontakte.ru/)) {
link = 'http://vkontakte.ru/share.php?url=' + document.location.href;
}
else if ($(this).attr('href').match(/^https:\/\/plusone.google.com/)) {
link = 'https://plusone.google.com/_/+1/confirm?hl=en&url=' + document.location.href;
}
else if ($(this).attr('href').match(/^http:\/\/www.livejournal.com/)) {
link = 'http://www.livejournal.com/update.bml?event=' + encodeURIComponent(document.location.href) + '&subject=' + title;
$('.soc_livejournal').attr('href', link);
return true;
}
if(link != '') {
window.open(link, '_blank', 'scrollbars=0, resizable=1, menubar=0, left=200, top=200, width=600, height=450, toolbar=0, status=0');
return false;
}
});
});
 

resonansER

Пользователь
Хм, добавил всё правильно, перепроверил. А вот кнопки так и не появились... Где-то я закосячил, только где? :(

Может необходимо вставлять в определённые места?
 

resonansER

Пользователь
Basilevs, ага, теперь начинаю понимать, но всё-равно где-то косяк, вставил вместо указаного кода, не заработало...
--- добавлено: Dec 2, 2011 1:47 AM ---
krumax, кстати, на вашем трекере скин просто загляденье! Это вообще бомба! Не в шаре часом? :) я бы себе такой поставил бы тоже, только немного модернизировав, чтобы НЕ повторяться ;)
 
Сверху