FAJNY DODATEK - klawisze społecznościowe

Tomy M.

Avatar: Tomy M.

2011-10-10 01:02

Wiele osób zamierza dodać tzw. klawisze społecznościowe "Lubię to!" czy "Wykop" itp. Można to zrobić w prosty sposób również w QUICK.CMS (wszystkie wersje)

Spójrzcie tutaj: http://besthunter.pl/?zloz-oferte,100
Na każdej podstronie są na samym dole cztery klawisze społecznościowe: Google+ , Wykop, Twitter i Facebook.

Jak coś takiego zainstalować we własnym serwisie QUICK.CMS?

Wystarczy w pliku: templates/container.tpl wyszukać ciągu:
<!-- BEGIN FOOT -->

i dodać bezpośrednio pod nim:


<div id="spolecznosciowe">
<script language="javascript">
// wykopywarka wersja standardowa (59x60)
var wykop_url=location.href;// Link do strony
var wykop_title=encodeURIComponent(document.title); // Tytuł strony (pobierany z <title>)
var wykop_desc=encodeURIComponent('dodaj krótki opis');
var widget_bg='FFFFFF';
var widget_type='normal2';
var widget_url='http://www.wykop.pl/dataprovider/diggerwidget/?url='+(wykop_url)+'&title='+(wykop_title)+'&desc='+(w ykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type);
document.write('<div><iframe src="'+widget_url+'" style="border:none;width:56px;height:60px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe></div>');</script></div>

<div id="spolecznosciowe">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>


<div id="spolecznosciowe">
<iframe src="http://www.facebook.com/plugins/like.php?app_id=130831907011387&amp;href&amp;send=false&amp;layout =box_count&amp;width=50&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;h eight=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:90px;" allowTransparency="true"></iframe></div>

</div>
        <div id="options"><div class="print"><a href="javascript:window.print();">$lang['print']</a></div><div class="back"><a href="javascript:history.back();">&laquo; $lang['back']</a></div></div>
      </div>



a następnie w pliku: templates/default.css na samym końcu dodać:


#spolecznosciowe-razem {
padding:0px;
background-color:transparent;
float: left;
height:70px;
width:670px;
margin: 25px 0 -40px;
}

#spolecznosciowe {
padding:0 10px 0 0;
background-color:transparent;
float: left;
height:60px;
width:70px;
}



... i to wszystko!

Pozdrawiam wszystkich serdecznie!

» Quick.Cms v2.x

Tomy M.

Avatar: Tomy M.

2011-10-10 01:08

... poprawka pierwszego kodu!!!



<div id="spolecznosciowe-razem">
<!-- Umieść ten tag w miejscu, gdzie ma pojawić się przycisk +1 -->
<div id="spolecznosciowe">
<g:plusone size="tall"></g:plusone></div>

<div id="spolecznosciowe">
<script language="javascript">
// wykopywarka wersja standardowa (59x60)
var wykop_url=location.href;// Link do strony
var wykop_title=encodeURIComponent(document.title); // Tytuł strony (pobierany z <title>)
var wykop_desc=encodeURIComponent('dodaj krótki opis');
var widget_bg='FFFFFF';
var widget_type='normal2';
var widget_url='http://www.wykop.pl/dataprovider/diggerwidget/?url='+(wykop_url)+'&title='+(wykop_title)+'&desc='+(w ykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type);
document.write('<div><iframe src="'+widget_url+'" style="border:none;width:56px;height:60px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe></div>');</script></div>

<div id="spolecznosciowe">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

<div id="spolecznosciowe">
<iframe src="http://www.facebook.com/plugins/like.php?app_id=130831907011387&amp;href&amp;send=false&amp;layout =box_count&amp;width=50&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;h eight=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:90px;" allowTransparency="true"></iframe></div>

</div>

kamyk-aka-kamikaze

Avatar: kamyk-aka-kamikaze

2011-10-13 11:00

Ja korzystam z addthis.com

Przyklad:
http://osir.bedzin.pl/ (w prawym menu)

Do góry
o nas | kontakt