fascicularia
Milouzien

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Lun 3 Mar 2014 - 8:11 | |
| 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. ![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Punbb_10](https://i.servimg.com/u/f55/11/93/85/24/punbb_10.png) 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; }
Dernière édition par fascicularia le Mar 18 Mar 2014 - 19:12, édité 3 fois | |
|
Milouze14
Fondateur

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | |
Invité Invité

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Lun 3 Mar 2014 - 18:01 | |
| Je suis curieux  |
|
photoclic
Milouzien

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Lun 31 Oct 2016 - 19:25 | |
| | |
|
WinaTickets
Milouzien

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Jeu 16 Fév 2017 - 18:41 | |
| | |
|
Sick.l.Offrande Blocage

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Lun 26 Juin 2017 - 17:39 | |
| | |
|
masterforumbr
Milouzien

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Mar 10 Oct 2017 - 2:47 | |
| | |
|
Tony L
Milouzien

![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Sam 17 Nov 2018 - 20:14 | |
| | |
|
Contenu sponsorisé
![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | Sujet: Re: [PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic ![[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty](https://2img.net/i/empty.gif) | |
| |
|