Bouton j'aime dans un post
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Bouton j'aime dans un post
Détails techniques
Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://castel-caladan.forumactif.org
Description du problème
Bonjour,Afin de rendre le vote plus claire dans un post, je voudrais modifier l'apparence des boutons.
Je voudrai que les symboles + et - qui sont à droite soit remplacés, le + par un bouton (si possible jaune) avec le mot "j'aime", à coté du bouton "citer" et supprimer complètement le symbole -
De plus je voudrais que dans le bas du post sur la droite une petite ligne "Les membres qui ont aimés: le pseudo,etc..."soit mise avec une tabulation de droite à gauche
J’espère que quelqu'un pourra m'aider
Merci
Dernière édition par fedaykin44 le Lun 11 Avr 2016 - 3:52, édité 1 fois
Re: Bouton j'aime dans un post
Coucou
Dans ton template "viewtopic_body", c'est ce morceau de code qui correspond aux votes :
Du coup, tu peux remplacer sans soucis les "+" et "-" par des images
Dans ton template "viewtopic_body", c'est ce morceau de code qui correspond aux votes :
- Code:
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
Du coup, tu peux remplacer sans soucis les "+" et "-" par des images
Re: Bouton j'aime dans un post
Merci, miettes, mais comme tu l'a peut-être vu par le nombres de posts que j'écris sur le forum, je suis proche de zéro pour modifier les templates et le css
Si tu pouvais m'expliquer en détail, je t'en serais reconnaissant
Merci
Si tu pouvais m'expliquer en détail, je t'en serais reconnaissant
Merci
Re: Bouton j'aime dans un post
Bonjour, fedaykin44,
Dans la partie du template "viewtopic_body" qu'a donné Miettes, il faut aller ligne 155 là vous remplacez cette partie
Ex : <img title="J’aime pas" src=" https://2img.net/r/hpimg15/pics/888598poucebas.gif " alt="J’aime pas" /></a></div>
Ensuite dans Affichage, Couleurs, Feuille de style CSS, vous ajoutez
Si votre image a une largeur de 35px, pensez à adapter ce code en modifiant 25px par 35px
Bon courage @++
Dans la partie du template "viewtopic_body" qu'a donné Miettes, il faut aller ligne 155 là vous remplacez cette partie
- Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
- Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img title="J’aime" src=" http://img15.hostingpics.net/pics/979390poucehaut.gif " alt="J’aime" /></a></div>
- Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img title="J’aime pas" src=" http://img15.hostingpics.net/pics/888598poucebas.gif " alt="J’aime pas" /></a></div>
Ex : <img title="J’aime pas" src=" https://2img.net/r/hpimg15/pics/888598poucebas.gif " alt="J’aime pas" /></a></div>
Ensuite dans Affichage, Couleurs, Feuille de style CSS, vous ajoutez
- Code:
.vote {
width: 25px; /*-- largeur de l'image choisie --*/
}
Si votre image a une largeur de 35px, pensez à adapter ce code en modifiant 25px par 35px
Bon courage @++
Dernière édition par Peggy06 le Ven 8 Avr 2016 - 15:50, édité 1 fois (Raison : problème pour afficher les codes (lol))
Re: Bouton j'aime dans un post
Merci peggy06,ça m'a déjà beaucoup avancé
par contre quelque soit l'image que je met (la tienne compris), elle déborde sur la droite
Comment faire pour la recadrer sur la gauche, svp?
Par hasard, vous savez comment remplacer la barre de vote par une phrase (celle que j'ai dis dans mon premier post)?
par contre quelque soit l'image que je met (la tienne compris), elle déborde sur la droite
Comment faire pour la recadrer sur la gauche, svp?
Par hasard, vous savez comment remplacer la barre de vote par une phrase (celle que j'ai dis dans mon premier post)?
Re: Bouton j'aime dans un post
Pour la recadrer, modifier le CSS que j'ai donné et mettre
Pour supprimer le bouton - , mettre dans le CSS
- Code:
/*DIMENSION IMAGE " J'AIME" VIEWTOPIC_BODY*/
.vote {
width: 25px; /*-- largeur de l'image choisie --*/
right: 10px;
}
Pour supprimer le bouton - , mettre dans le CSS
- Code:
/*-- retrait du bouton de vote négatif dans les messages --*/
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
Re: Bouton j'aime dans un post
Avec le nouveau code, le bouton se décale bien sur la gauche mais il revient à l'écriture normal (plus d'image) et il reste collé au cadre à droite et quand je change right: 10px; il reste à la même place
Si je change: /*-- largeur de l'image choisie --*/, il refuse le code et dis qu'il manque un }
Si je change: /*-- largeur de l'image choisie --*/, il refuse le code et dis qu'il manque un }
Re: Bouton j'aime dans un post
Il ne faut pas toucher à /*-- largeur de l'image choisie --*/ c'est juste pour indiquer à quoi correspond le code. Je ne comprends pas que ça ne fonctionne pas, car je suis en phpBB3 aussi et je l'ai fait avant de vous le donner et chez moi ça marche, n'y a t-il pas un problème dans le template viewtopic_body, parfois lorsque l'on fait un copie/coller il y a des erreurs, contrôlez.
Re: Bouton j'aime dans un post
Non rien à faire, j'aire remis le template a zéro et tout refais
Pour la bouton - c'est bon
La barre verte apparais verticalement sur la droite quand on clic sur le +, elle est rouge avecle -
Pour la bouton - c'est bon
La barre verte apparais verticalement sur la droite quand on clic sur le +, elle est rouge avecle -
Re: Bouton j'aime dans un post
Ok c'est tout bon, j'ai tout refais, j'ai du faire une erreur
C'est possible de mettre le bouton au niveau de la ligne: citer, éditer, etc... juste au dessus, toujours à droite?
Pour la barre vertical qui apparais quand on clic sur le bouton, vous savez comment la remplacer par une ligne (en bas à droite) qui indiquerais dans le post qui à cliqué sur le bouton j'aime, dans le style: "Le(s) membre(s) qui à(ont) aimé(s): le pseudo,etc...", et après le 5eme membres: ",et X autres ont aimées"
En tout cas, merci d'avoir pris le temps de m'aider
C'est possible de mettre le bouton au niveau de la ligne: citer, éditer, etc... juste au dessus, toujours à droite?
Pour la barre vertical qui apparais quand on clic sur le bouton, vous savez comment la remplacer par une ligne (en bas à droite) qui indiquerais dans le post qui à cliqué sur le bouton j'aime, dans le style: "Le(s) membre(s) qui à(ont) aimé(s): le pseudo,etc...", et après le 5eme membres: ",et X autres ont aimées"
En tout cas, merci d'avoir pris le temps de m'aider
Re: Bouton j'aime dans un post
Bonjour, fedaykin44,
J'ai trouvé un sujet intéressant et donc j'ai fait des modifs que voici
Créer un javascript que vous appelez comme bon vous semble
Ensuite modifier les px margin-top si ce n'est pas la hauteur désirée.
Vous me direz si cela va, car j'en ai trouvé un autre plus discret qui affiche juste le nombre de votes, sans passer par le template.
Quand à avoir les noms des membres, impossible, ils avaient fait un sondage pour l'appliquer et ça été refusé par la majorité. Peut-être qu'un jour ça reviendra.
A bientôt.
J'ai trouvé un sujet intéressant et donc j'ai fait des modifs que voici
Créer un javascript que vous appelez comme bon vous semble
- Code:
$(function(){
$('.vote').each(function(){
var nb = $('.vote-bar').attr('title').match(/[0-9]{1,}\s/);
if(nb == 1){
$('.vote-bar').html('<p>'+nb+'a aimé votre message</p>');
}else{
$('.vote-bar').html('<p>'+nb+'ont aimé votre message</p>');
};
$('.vote-bar').removeAttr('title');
});
});
- Code:
/*DIMENSION IMAGE " J'AIME" VIEWTOPIC_BODY*/
.vote {
width: 25px; /*-- largeur de l'image choisie --*/
margin-right: 20px;
margin-top: -50px;
}
/*MODIFIER BARRE REPUTATION DANS MESSAGES*/
.vote .vote-bar-plus {
background-image: url("http://i56.servimg.com/u/f56/18/15/68/65/coeur_10.jpg");
width: 28px;
height: 25px !important;
}
.vote .vote-bar{
width:165px;height:auto;
padding-right:5px;
float:right;
text-align:right;
border:none;
font-size:10px;
margin-top: 25px;
}
/*-- RETRAIT DU BOUTON DE VOTE NEGATIF DANS LES MESSAGES --*/
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
Ensuite modifier les px margin-top si ce n'est pas la hauteur désirée.
Vous me direz si cela va, car j'en ai trouvé un autre plus discret qui affiche juste le nombre de votes, sans passer par le template.
Quand à avoir les noms des membres, impossible, ils avaient fait un sondage pour l'appliquer et ça été refusé par la majorité. Peut-être qu'un jour ça reviendra.
A bientôt.
Re: Bouton j'aime dans un post
Je vais tester les codes et je reviens
Merci
Merci
Re: Bouton j'aime dans un post
Pour le bouton j'aime, ça marche
Par contre pour la phrase, elle s'affiche bien, mais il y a un problème d'alignement
Il faudrait qu'elle s'affiche automatiquement à la fin du post car le marging-top ne fonctionne pas
Cela descend bien la phrase mais si le texte est cout cela agrandis le post démesurément et si le texte est plus long alors la phrase recommence à chevaucher le texte
J'ai essayé de régler la hauteur du texte avec ce code css
Je ne sait pas trop comment ça marche mais peut-être que l'on peut mettre le code dans le template à la place de celui-ci
Merci
Par contre pour la phrase, elle s'affiche bien, mais il y a un problème d'alignement
Il faudrait qu'elle s'affiche automatiquement à la fin du post car le marging-top ne fonctionne pas
Cela descend bien la phrase mais si le texte est cout cela agrandis le post démesurément et si le texte est plus long alors la phrase recommence à chevaucher le texte
J'ai essayé de régler la hauteur du texte avec ce code css
- Code:
.postbody .clearfix {
padding-bottom: 10px;
}
Je ne sait pas trop comment ça marche mais peut-être que l'on peut mettre le code dans le template à la place de celui-ci
- Code:
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
Merci
Re: Bouton j'aime dans un post
Bonjour, fedaykin44,
Pourquoi as-tu mis la phrase "x a aimé votre message" , il faut mettre le javascript exactement comme indiqué sinon ça beugue, j'ai essayé moi aussi de modifier et ça le fait.
A++ .
Pourquoi as-tu mis la phrase "x a aimé votre message" , il faut mettre le javascript exactement comme indiqué sinon ça beugue, j'ai essayé moi aussi de modifier et ça le fait.
- Code:
$(function(){
$('.vote').each(function(){
var nb = $('.vote-bar').attr('title').match(/[0-9]{1,}\s/);
if(nb == 1){
$('.vote-bar').html('<p>'+nb+'a aimé votre message</p>');
}else{
$('.vote-bar').html('<p>'+nb+'ont aimé votre message</p>');
};
$('.vote-bar').removeAttr('title');
});
});
A++ .
Re: Bouton j'aime dans un post
Je n'ai pas rajouté le x sur le code, c'est juste pour indiquer x:nombre de like
Sinon après plusieurs essais de positionnement, tout marche impeccable
Je vous remercie beaucoup pour votre aide
Je passe le message en résolu
A+
Sinon après plusieurs essais de positionnement, tout marche impeccable
Je vous remercie beaucoup pour votre aide
Je passe le message en résolu
A+
Re: Bouton j'aime dans un post
Bonjour, fedaykin44,
Il n'y a pas de quoi, si l'on peut s'entraider entre membres car le staff n'a pas toujours le temps de tout gérer. Je suis contente que ça marche et en plus j'apprends à me perfectionner à coder car j'étais ignorante et depuis que je suis sur FA je me suis drôlement améliorée.
À bientôt, peut-être pour un autre problème.
Il n'y a pas de quoi, si l'on peut s'entraider entre membres car le staff n'a pas toujours le temps de tout gérer. Je suis contente que ça marche et en plus j'apprends à me perfectionner à coder car j'étais ignorante et depuis que je suis sur FA je me suis drôlement améliorée.
À bientôt, peut-être pour un autre problème.
Sujets similaires
» bouton haut-bas sous chaque post
» Bouton Prévisualisation / Post
» le bouton "éditer" son post a disparu pour les membres du forum
» Icône mise directement lors d'un post d'un sujet dans une catégorie (et pas dans toutes)
» Insertion d'un bouton like à chaque post
» Bouton Prévisualisation / Post
» le bouton "éditer" son post a disparu pour les membres du forum
» Icône mise directement lors d'un post d'un sujet dans une catégorie (et pas dans toutes)
» Insertion d'un bouton like à chaque post
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum