Socialbookmarks via de SocialBookmarker CMSMS plugin
Posted: Sun Dec 12, 2010 1:22 pm
----------
Content management as it is meant to be
https://forum.cmsmadesimple.org/
Code: Select all
{strip}
{capture assign=sourcetitle}{$entry->title|escape}{/capture}
{capture assign=sourceurl}{root_url}/logboek/{$entry->id}/{/capture}
{socialbookmarker sourcetitle=$sourcetitle sourceurl=$sourceurl brands='twitter, facebook'}
{/strip}
<div>
<h5>Deel dit artikel</h5>
{if $socialbookmarker|@count gt 0}
<ul class="socialbookmarker">
{foreach from=$socialbookmarker item=item}
<li class="{$item->brand}"><a href="{$item->destinationurl}" title="{$item->brand|ucfirst}: {$item->sourcetitle|escape}">{$item->brand|ucfirst}</a></li>
{/foreach}
</ul>
{/if}
</div>
{* <!-- /socialbookmarker --> *}
Code: Select all
/* socialbookmarker */
.socialbookmarker {
display: inline-block;
float: left;
height: 20px;
}
ul.socialbookmarker {
width: 100px;
display: inline;
float: left;
list-style: none;
overflow: hidden;
}
ul.socialbookmarker li {
float: left;
width: 20px;
height: 20px;
margin: 0 0px 0 0;
}
ul.socialbookmarker li a {
display: block;
width: 20px;
height: 20px;
overflow: hidden;
text-decoration: none;
}
ul.socialbookmarker li a:hover,
ul.socialbookmarker li a:focus,
ul.socialbookmarker li a:active {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
}
ul.socialbookmarker li.twitter a {
background-image: url('/images/icons-twitter.png');
background-repeat: no-repeat;
background-position: top left;
text-indent: -30000000px;
}
ul.socialbookmarker li.facebook a {
background-image: url('/images/icons-facebook.png');
background-repeat: no-repeat;
background-position: -40px top;
text-indent: -30000000px;
}
ul.socialbookmarker li.linkedin a {
background-image: url('/images/icons-linkedin.png');
background-repeat: no-repeat;
background-position: -45px top;
text-indent: -30000000px;
}
{* zelfde idee voor: delicious, stumbleupon, facebook, nujij, linkedin, myspace, hyves *}
Code: Select all
div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}
Code: Select all
ul.socialbookmarker li {
float: left;
width: 18px;
height: 18px;
}
Code: Select all
.socialbookmarker {
padding-bottom: 5px;
padding-right: 10px;
padding-top: 2px;
}
div#main ul.socialbookmarker li {
padding-bottom: 5px;
height: 18px;
width: 18px;
margin: 0 0 0 0em;
padding-top: 0;
}
ul.socialbookmarker {
width : 170px;
height : 0;
display : inline-block;
clear : none;
list-style-type : none;
padding-left: 0;
}
ul.socialbookmarker li {
float : left;
width : 16px;
height : 16px;
padding-right: 5px;
}
ul.socialbookmarker li a {
display : inline;
float : left;
width : 18px;
height : 18px;
overflow : hidden;
text-decoration : none;
}
ul.socialbookmarker li.twitter a {
background-image : url('/images/icons-twitter.png');
background-repeat : no-repeat;
text-indent : -30000000px;
}
ul.socialbookmarker li.facebook a {
background-image : url('/images/icons-facebook.png');
background-repeat : no-repeat;
text-indent : -30000000px;
}
ul.socialbookmarker li.linkedin a {
background-image : url('/images/icons-linkedin.png');
background-repeat : no-repeat;
text-indent : -30000000px;
}
Code: Select all
{strip}
{capture assign=sourcetitle}{$entry->title|escape}{/capture}
{* capture assign=sourceurl}{root_url}/logboek/{$entry->id}/{/capture *}
{capture assign=sourceurl}{root_url}/{$smarty.get.page}{/capture}
{socialbookmarker sourcetitle=$sourcetitle sourceurl=$sourceurl brands='facebook, twitter, linkedin'}
{/strip}
<div>
<h5>Deel dit artikel</h5>
{if $socialbookmarker|@count gt 0}
<ul class="socialbookmarker">
{foreach from=$socialbookmarker item=item}
<li class="{$item->brand}"><a href="{$item->destinationurl}" title="{$item->brand|ucfirst}: {$item->sourcetitle|escape}">{$item->brand|ucfirst}</a></li>
{/foreach}
</ul>
{/if}
</div>
{* socialbookmarker *}