[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic

Bonjour à tous , 
Un petit tutoriel pour Punbb qui vous servira à rajouter trois boutons ( Ajouter à mes favoris, envoyer à un ami et copier le lien) en dessous du premier message.

Une image sera plus explicite.






A la fin du template viewtopic_body, vous collez ce script

Code:

<script>
  $(document).ready(function() {
$('.post:eq(0)').after('<div class="sharepostadipst">
<a id="favorisharepost" href="/search.forum?search_id=favouritesearch&add_favourite={TOPIC_ID}">Rajouter à mes favoris</a>
<a id="friendsharepost" href="/tell_friend.forum?t={TOPIC_ID}">Envoyer à un ami</a>
<a id="linksharepost" href="{TOPIC_URL}" onclick="link_bbcode();return false">Copier le lien</a>    
</div>');
});
</script>
<style>
.sharepostadipst {
background: whiteSmoke;
min-height: 30px;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
padding-top: 15px;
text-align: center;
}
#favorisharepost {
padding: 7px;
background-image: url("http://i.imgur.com/f84f9.png");
background-repeat: no-repeat;
background-position: left;
background-color: #FCFCFC;
border: 1px solid #C4C4C4;
border-radius: 2px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#friendsharepost {
padding: 7px;
background-image: url("http://i.imgur.com/6Zccr.png");
background-repeat: no-repeat;
background-position: left;
background-color: #FCFCFC;
border: 1px solid #C4C4C4;
border-radius: 2px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#linksharepost {
padding: 7px;
background-image: url("http://i.imgur.com/U9PWu.png");
background-repeat: no-repeat;
background-position: left;
background-color: #FCFCFC;
border: 1px solid #C4C4C4;
border-radius: 2px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#favorisharepost:hover , #friendsharepost:hover , #linksharepost:hover {
background-color: #F7F7F7;
}
.sharepostadipst a {
margin: 0px 10px;
}
</style>

Vous n'oubliez pas de  valider le template.

POur le css, il suffit de se repérer à l'id pour trouver le css correspondant.

Par ex favorisharepost qui correspond au bouton "rajouter à mes favoris" a pour css

Code:

#favorisharepost {
padding: 7px;
background-image: url("http://i.imgur.com/f84f9.png");
background-repeat: no-repeat;
background-position: left;
background-color: #FCFCFC;
border: 1px solid #C4C4C4;
border-radius: 2px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}

 Stéphane ,

  merci pour ce partage   

Je suis curieux  

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !