Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03

» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13

» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48

» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43

» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17

» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51

» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48

» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22

» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26

» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36

Les statistiques du forum
Nous avons 458 membres enregistrés

L'utilisateur enregistré le plus récent est cin

Nos membres ont posté un total de 24069 messages dans 1232 sujets

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

Voir le sujet précédent Voir le sujet suivant Aller en bas

fascicularia
fascicularia
Milouzien

Messagefascicularia 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




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;
}








Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Dernière édition par fascicularia le Mar 18 Mar 2014 - 19:12, édité 3 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 Lun 3 Mar 2014 - 16:47

coucou Stéphane ,

 super merci pour ce partage  clin oeil 


NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Anonymous
Invité
Invité

MessageInvité Lun 3 Mar 2014 - 18:01

Je suis curieux  hinhin
avatar
photoclic
Milouzien

Messagephotoclic Lun 31 Oct 2016 - 19:25

Merci beaucoup !
WinaTickets
WinaTickets
Milouzien

MessageWinaTickets Jeu 16 Fév 2017 - 18:41

Merci beaucoup !
Sick.l.Offrande
Sick.l.Offrande
Milouzien

Avertissement : 40/100

MessageSick.l.Offrande Lun 26 Juin 2017 - 17:39

Merci beaucoup !
avatar
masterforumbr
Milouzien

Messagemasterforumbr Mar 10 Oct 2017 - 2:47

Merci beaucoup !
avatar
Tony L
Milouzien

MessageTony L Sam 17 Nov 2018 - 20:14

Merci beaucoup !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum