Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le deal à ne pas rater :
Cartes Pokémon – coffret ETB Astres Radieux EB10
Voir le deal

 

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

Aller en bas 
+3
photoclic
Milouze14
fascicularia
7 participants
AuteurMessage
fascicularia
Milouzien

fascicularia



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: [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 EmptyLun 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




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
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Milouze14
Fondateur

Milouze14



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyLun 3 Mar 2014 - 16:47

coucou Stéphane ,

 super merci pour ce partage  clin oeil 
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyLun 3 Mar 2014 - 18:01

Je suis curieux  hinhin
Revenir en haut Aller en bas
photoclic
Milouzien

avatar



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyLun 31 Oct 2016 - 19:25

Merci beaucoup !
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
WinaTickets
Milouzien

WinaTickets



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyJeu 16 Fév 2017 - 18:41

Merci beaucoup !
Revenir en haut Aller en bas
https://www.pmturf.com/
Sick.l.Offrande
Blocage
Sick.l.Offrande



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyLun 26 Juin 2017 - 17:39

Merci beaucoup !
Revenir en haut Aller en bas
https://office-equideow.forumactif.com/
masterforumbr
Milouzien

avatar



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptyMar 10 Oct 2017 - 2:47

Merci beaucoup !
Revenir en haut Aller en bas
https://beta.masterforum.biz
Tony L
Milouzien

avatar



[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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 EmptySam 17 Nov 2018 - 20:14

Merci beaucoup !
Revenir en haut Aller en bas
https://diamant-mandarin-evo.superforum.fr/
Contenu sponsorisé





[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic Empty
MessageSujet: 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

Revenir en haut Aller en bas
 
[PUNBB] Ajouter mes favoris, envoyer à un ami et copier le lien après le 1er topic
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [BESTOF] [PHPBB3]Bouton pour copier les liens des messages
» [PUNBB]Supprimer le tag "Re" sur les messages
» [PUNBB] Remplacer le mot Invité
» [PUNBB] Alterner l'apparence sur les messages
» [PUNBB] Limiter la hauteur des messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Punbb-
Sauter vers: