Bonjour ,
- dans ton fichier theme.html par exemple tu places ton code en bas de page
<div id="xo-socialbookmark">
<ul class="xo-socials">
<li rel="external" class="script-style"><a href="http://scriptandstyle.com/submit?url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_SCRIPSTYLE}>"> </a></li>
<li rel="external" class="blinklist"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=<{$xoops_url}>&Title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_BLINKLIST}>"> </a></li>
<li rel="external" class="delicious"><a href="http://del.icio.us/post?url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_DELICIOUS}>"> </a></li>
<li rel="external" class="digg"><a href="http://digg.com/submit?phase=2&url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_DIGG}>"> </a></li>
<li rel="external" class="furl"><a href="http://www.furl.net/storeIt.jsp?t=<{$xoops_pagetitle}>&u=<{$xoops_url}>" title="<{$smarty.const.THEME_BK_FURL}>"> </a></li>
<li rel="external" class="reddit"><a href="http://reddit.com/submit?url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_REDDIT}>"> </a></li>
<li rel="external" class="yahoo"><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<{$xoops_pagetitle}>&u=<{$xoops_url}>" title="<{$smarty.const.THEME_BK_YAHOO}>"> </a></li>
<li rel="external" class="stumble"><a href="http://www.stumbleupon.com/submit?url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_STUMBLE}>"> </a></li>
<li rel="external" class="twitter"><a href="http://twitter.com/home?status=Browsing:%20<{$xoops_url}>" title="<{$smarty.const.THEME_BK_TWITTER}>"> </a></li>
<li rel="external" class="technorati"><a href="http://technorati.com/faves?add=<{$xoops_url}>" title="<{$smarty.const.THEME_BK_TECHNORATI}>"> </a></li>
<li rel="external" class="mixx"><a href="http://www.mixx.com/submit?page_url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_MIXX}>"> </a></li>
<li rel="external" class="myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/?u=<{$xoops_url}>&t=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_MYSPACE}>"> </a></li>
<li rel="external" class="designfloat"><a href="http://www.designfloat.com/submit.php?url=<{$xoops_url}>&title=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_DESIGNFLOAT}>"> </a></li>
<li rel="external" class="facebook"><a href="http://www.facebook.com/share.php?u=<{$xoops_url}>&t=<{$xoops_pagetitle}>" title="<{$smarty.const.THEME_BK_FACEBOOK}>"> </a></li>
</ul>
</div>
- à la suite du fichier .css de ton thème , style.css habituellement
/* ------------ Socialbookmark ------------ */
#xo-socialbookmark{
display: block;
float: left;
width: 75%;
margin-left: 180px;
text-align: center !important;
}
ul.xo-socials {}
ul.xo-socials li {
display: inline-block;
height: 29px;
width: 50px;
margin: 0 2px 0 0;
list-style-type: none;
cursor: pointer;
}
ul.xo-socials a {
display: block;
width: 50px;
height: 29px;
font-size: 0;
color: transparent;
}
.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover {background:url("../img/socialbookmark.png") no-repeat;}
.furl { background-position:-300px top;}
.furl:hover {background-position:-300px bottom;}
.digg { background-position:-500px top;}
.digg:hover {background-position:-500px bottom;}
.reddit {background-position:-100px top;}
.reddit:hover { background-position:-100px bottom;}
.stumble { background-position:-50px top;}
.stumble:hover { background-position:-50px bottom;}
.delicious { background-position:left top;}
.delicious:hover { background-position:left bottom;}
.yahoo { background-position:-650px top;}
.yahoo:hover { background-position:-650px bottom;}
.blinklist { background-position:-600px top;}
.blinklist:hover { background-position:-600px bottom;}
.technorati { background-position:-700px top;}
.technorati:hover { background-position:-700px bottom;}
.myspace { background-position:-200px top;}
.myspace:hover { background-position:-200px bottom;}
.twitter { background-position:-350px top;}
.twitter:hover { background-position:-350px bottom;}
.facebook { background-position:-450px top;}
.facebook:hover { background-position:-450px bottom;}
.mixx { background-position:-250px top;}
.mixx:hover { background-position:-250px bottom;}
.rss { background-position:-150px top;}
.rss:hover { background-position:-150px bottom;}
.script-style { background-position:-400px top;}
.script-style:hover { background-position:-400px bottom;}
.designfloat { background-position:-550px top;}
.designfloat:hover { background-position:-550px bottom;}
- dans le code du css si le chemin vers l'image n'est pas le bon tu le modifies
background:url("../img/socialbookmark.png")
- image "socialbookmark.png" à placer dans ton répertoire d'images du thème (img ou autres)