[Aide] Bouton de réputation

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

Résolu [Aide] Bouton de réputation

Message par Desolation le Sam 14 Sep 2013 - 12:51

Bonjour les ami(e)s de Forumactif,

Voila un magnifique Week-end de pluie  Non !  qui me donne l'envie de travailler sur l'apparence de mon forum Smile , 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 Wink.



Seulement aucun changement et la je suis bloqué Wink.

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

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Bouton de réputation

Message par Desolation le Sam 14 Sep 2013 - 18:26

J'ai oubliè le plus important mon Code Java et Css:

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" />');});
});
Et mon Css:

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;
        }
La modification du  viewtopic_body :

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é Wink, bon week-end a vous tous.

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Bouton de réputation

Message par Desolation le Sam 14 Sep 2013 - 22:17

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:



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 Wink.

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Bouton de réputation

Message par Desolation le Dim 15 Sep 2013 - 10:33

Petit Up du Dimanche Wink.

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Bouton de réputation

Message par Desolation le Lun 16 Sep 2013 - 17:15

Probleme réglé merci Wink.

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

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


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