A portál bal oldalán láthatjátok az új megosztás ikonokat, amik ugyan sima css-re épülnek, de érdekességképpen megosztom veletek a kódját, hogy ti is használhassátok:
|
<style type="text/css">
.sharing-cl{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.sharing-cl a{
overflow:hidden;
width:48px;
height:30px;
float:left;
}
.sharing-cl .share-sprite{
background:url(/portal/superuser/image/gallery/1303682943_86.png) no-repeat}
.sharing-cl .sh-twitter{
background-position:-100px bottom}
.sharing-cl .sh-facebook{
background-position:-50px bottom;
}
.sharing-cl .sh-iwiw{
margin-left: 6px;
background-position:0 bottom;
}
.sharing-cl .sh-twitter:hover{
background-position:-100px top;
}
.sharing-cl .sh-facebook:hover{
background-position:-50px top;}
.sharing-cl .sh-iwiw:hover{
margin-left: 6px;
background-position:0 top;
}
div.shr-bookmarks-bg-knowledge {background:url('/portal/superuser/image/gallery/1303683561_16.png') no-repeat !important}
</style>
<div class="sharing-cl shr-bookmarks-bg-knowledge" style="width:152px; padding-top:32px">
<a rel="nofollow" title="Oszd meg iWiWen!" target="_blank" href="http://iwiw.hu/pages/share/share.jsp?u=//gportal.gportal.hu" class="sh-iwiw share-sprite"> </a>
<a href="http://www.facebook.com/share.php?v=4&src=bm&u=//gportal.gportal.hu" rel="nofollow" title="Oszd meg Facebookon!" onclick="window.open(this.href, 'sharer', 'toolbar=0, status=0, width=626, height=436'); return false;" target="_blank" class="sh-facebook share-sprite"> </a>
<a rel="nofollow" title="Oszd meg Twitteren!" target="_blank" href="http://twitter.com/home?status=//gportal.gportal.hu" class="sh-twitter share-sprite"> </a>
</div>
|
A kód egy css-ből és egy div-ből áll. A divben található az iWiW, Facebook és Twitter megosztás. A divben írd át a három darab gportal.gportal.hu linket a saját portálod címére, és máris kész a megosztás pluginod.
|
Friss hozzászólások