[Aide] Bouton de réputation
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
[Aide] Bouton de réputation
Bonjour les ami(e)s de Forumactif,
Voila un magnifique Week-end de pluie :no qui me donne l'envie de travailler sur l'apparence de mon forum , plus particulièrement sur le "Bouton de réputation".
J'ai réussi a mettre cet icône en place avec les autres icônes sur la barre général voila mon probleme j'ai donc un bouton "Réputation" =
Qui ce transforme en "Tige Verte" quand une personne vote + (pas très belle)
Je voudrais changer cette image et je ne trouve pas comme faire.
J'ai donc aussi un Bug (voir l'image) aussi je souhaiterais avoir le même principe présent ici avec la bulle 1.2.3.4..... qui compte le nombre de vote .
Seulement aucun changement et la je suis bloqué .
Je suis sur du PhpBB2, merci d'avance pour votre aide et bon Week-end.
Voila un magnifique Week-end de pluie :no qui me donne l'envie de travailler sur l'apparence de mon forum , plus particulièrement sur le "Bouton de réputation".
J'ai réussi a mettre cet icône en place avec les autres icônes sur la barre général voila mon probleme j'ai donc un bouton "Réputation" =
Qui ce transforme en "Tige Verte" quand une personne vote + (pas très belle)
Je voudrais changer cette image et je ne trouve pas comme faire.
J'ai donc aussi un Bug (voir l'image) aussi je souhaiterais avoir le même principe présent ici avec la bulle 1.2.3.4..... qui compte le nombre de vote .
Seulement aucun changement et la je suis bloqué .
Je suis sur du PhpBB2, merci d'avance pour votre aide et bon Week-end.
Dernière édition par Desolation le Lun 16 Sep 2013 - 17:15, édité 1 fois
Re: [Aide] Bouton de réputation
J'ai oubliè le plus important mon Code Java et Css:
Alors voici mon Java:
Encore désolé , bon week-end a vous tous.
Alors voici mon Java:
- Code:
$(function(){
$(".vote-button a").each(function(){
if($(this).text()=="+") $(this).html('<img src="http://i37.servimg.com/u/f37/11/44/92/25/j_aime11.png" />');
else $(this).html('<img src="http://i42.servimg.com/u/f42/15/12/17/90/13347612.png" />');});
});
- Code:
/*Vote +*/
.vote { width: 720px; text-align: left; margin-top:-65px; }
/*-- 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;
}
- 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>
Encore désolé , bon week-end a vous tous.
Re: [Aide] Bouton de réputation
Bonsoir,
Grâce a mon après-midi recherche sur le forum, j'ai réussi a presque régler mon probleme il ne me reste que un probleme quand une personne vote j'ai bien marqué 1,2,3.... seulement plus l’icône de réputation (voir l'image 1) Je souhaiterais que mon icône ressemble a l'image 2.
Image 1:
Grâce a mon après-midi recherche sur le forum, j'ai réussi a presque régler mon probleme il ne me reste que un probleme quand une personne vote j'ai bien marqué 1,2,3.... seulement plus l’icône de réputation (voir l'image 1) Je souhaiterais que mon icône ressemble a l'image 2.
Image 1:
Image 2:
Voici mon Css:
- Code:
/*Vote +*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("http://i43.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
margin-left:500px;
}
/*-- 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;
}
Mon Java :
- Code:
$(function(){
$(".vote").each(function(){
$(this).find(".vote-button:first a").html('<img src="http://i37.servimg.com/u/f37/11/44/92/25/j_aime11.png" alt="Voter" title="Voter ce message" />').click(function(){
$.get($(this).attr("href"));
$(this).parent().html('<img src="http://i37.servimg.com/u/f37/11/44/92/25/j_aime11.png" alt="Vote enregistré" title="Vote enregistré" />');
return!1
});
$(this).closest("tr.post").find("td.post-options").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
$(this).remove()
})
});
Pas de changement sur mon viewtopic_body.
Merci d'avance et bonne soirée .
Re: [Aide] Bouton de réputation
Petit Up du Dimanche .
Re: [Aide] Bouton de réputation
Probleme réglé merci .
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