[apparence] système de réputation

[sscf]

Bonjour,

j'ai suivi CE TUTO afin de n'avoir que les votes positifs, et j'ai remplacé le + par une image..

Hors je voudrais aller encore plus loin, et ainsi modifier l'image une fois le vote effectué.
Actuellement un rectangle vert apparait :


En lieu de place de ce rectangle j'aimerai un encadré a la fin du message (juste avant la signature s'il y en a une), avec a l’intérieur le pseudo de la personne qui a "voté" (plutot "liké" dans mon cas)
Voici un screen pour me faire comprendre :


Ca risque d'etre un peu compliqué, c'est pour cette raison que je vous demande de l'aide !

Merci d'avance pour votre aide !!   

[Neptunia]

Bonjour ^^


Ce que vous demandez n'est pas réalisable, nous n'avons pas accès aux pseudos des gens ayant attribué un vote positif.

[sscf]

Merci pour votre réponse !

C'est vraiment dommage que ce genre d'option ne soit pas activable par l'administrateur.

Mon exemple en screen je l'ai trouvé sur un forum, mais après verification ce n'est pas un forumactif...
Dommage car je trouvais cette idée très conviviale !

Pourriez vous m'aider au moins a modifier la photo du rectangle vert par une autre image ?

Merci de m'aider !!  

[julworld]

Bonjour,
Vous pouvez toujours proposer votre idée ici : https://forum.forumactif.com/f3-vos-suggestions-pour-vos-forums-sondage (même si les suggestions validées mettent extrêmement de temps avant de voir le jour).

Concernant la personnalisation des barres de réputation, il faut voir ça à partir du CSS, en voici le code :

Code:


.vote .vote-bar-plus {   
  background-image: url("IMAGE FOND BARRE VOTE PLUS");
}

.vote .vote-bar-minus {   
  background-image: url("IMAGE FOND BARRE VOTE MOINS");
}

(bien sûr, vous pouvez ajouter d'autres caractéristiques comme la largeur, hauteur, et le fond n'est pas nécessairement un background-image).

Bonne journée. 

[sscf]

Merci pour votre aide

Concernant le sondage, il en existe deja un mais malheureusement le vote n'a pas été retenu :
https://forum.forumactif.com/t342808-points-savoir-quel-membre-a-voter-ou-sur-un-de-nos-post-et-lequel-reputation


Merci pour le code css.
Malheureusement, ce dernier ne fonctionne pas.
Le rectangle est toujours présent mais il est devenu blanc...

Voici mon css :

Code:

       .vote {
            width: 50px;
        }
.vote .vote-bar-plus {  
 background-image: url(http://i56.servimg.com/u/f56/18/15/68/65/coeur_10.jpg);
}

J'ai volontaire utilisé que la ligne pour les votes positifs, car j'ai supprimé les votes negatifs...

Merci encore !

[julworld]

Dans ce cas, peut-être faut-il préciser davantage avec "vote-bar" :

Code:


.vote .vote-bar {   
  width: 6px;
  height: 50px   !important;   
  border: 1px solid #ffffff;   
}

(valeurs à modifier comme vous le voulez).

[sscf]

En rajoutant ce code, le rectangle grossis un peu mais n'est pas remplacé par mon image...

Peut etre en passant par le template de la meme manière que pour modifier le "+" (cf tuto en premier post) ? mais je ne sais pas comment faire ??  

[sscf]

Autant pour moi !!

J'ai bidouillé votre précédent code en inscrivant la taille correspondante a celle de mon image (width et
 height)
Par contre j'ai toujours le cadre du rectangle collé a mon image :

[Self]

Bonjour,

Pour le rectangle ajoutez entre les accolades du code que vous à donné julworld la ligne suivante:

Code:

border: none;

Cordialement .

[sscf]

Bonjour,

Pour le rectangle ajoutez entre les accolades du code que vous à donné julworld la ligne suivante:

Code:

border: none;

Cordialement .

Merci de m'aider

J'ai donc essayer votre proposition, mais cela supprime la bordure de mon image.

Cordialement

[Self]

Bonjour,

Je n'avez pas fait attention que le code de julworld précise déjà une bordure, remplacé le par:

Code:

.vote .vote-bar { 
    width: 6px;
    height: 50px  !important; 
    border: none; 
}

.vote .vote-bar img{
    border: 1px solid #000;
}

Cordialement .

[julworld]

Oui, normalement là ça devrait fonctionner. Redites-nous.

[sscf]

Merci a vous tous de m'avoir aidé !

J'ai donc bricoler un code en combinant les votres (y avait un leger bug qui faisait apparaitre l'image 2 fois)..

voici le résultat :


Cependant, je ne suis pas si satisfait du résultat    

Je ne trouve pas ca explicite.

C'est pourquoi je voulais savoir s'il n'était pas possible de realiser les résultats des votes sous forme de phrases en bas du message en question comme le précise l'exemple de mon 1er message :


bien évidement, sans prendre en compte les pseudos des votants, mais remplacer par "X membres ont aimé votre message" par exemple..

Veuillez me pardonner pour mon extreme exigence ! 

Voici la partie de mon css :

Code:

.vote {
            width: 40px; /*-- largeur de l'image choisie --*/
  height: 200px;
        }

.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 {
 border: none;
}

ainsi que mon template viewtopic_body:

Spoiler:

MERCI MERCI MERCI !!!  

[Self]

Bonjour,

Pour la phrase, créez un nouveau javascript sur les sujets:

Code:

$(function(){
    $('.vote').each(function(){
        var nb = $('.vote-bar').attr('title').match(/[0-9]{1,}\s/);
        $('.vote-bar').html('<p>'+nb+'on aimé votre message</p>');
    });
});

Et collez ce CSS dans la fueille de style:

Code:

.vote .vote-bar{
    width:165px;height:auto;
    padding-right:5px;
    float:right;
    text-align:right;
    border:none;
    font-size:10px;
}

[sscf]

Le script qui déchiiiiiiiiiiiire !!!!!!!   

MERCI MERCI MERCI c'est nickel !!
A la base je pensais le mettre en bas du message mais finalement il est très bien ici...

Je suis super satisfait du resultat, le top !!!! merci encore !!


Aller juste une denière chose et après je vous laisse tranquille ^^

Lorsque je pointe ma souris (sans cliqué) sur les resutats des votes, j'ai une petite fenetre qui s'affiche, j'aimerai pouvoir modifier son contenu..



J'ai reussi a modifier le texte sur la fenetre du "like" dans les templates, mais pour celle là je n'ai pas réussi !

Si vous avez une piste ??
Merci encore !

[Self]

Bonjour,

Vous désirez le changer pour le remplacer par quoi ?

[sscf]

Après reflexion, carrément le supprimer..

[Self]

Bonjour,

Remplacez le script que je vous est donné par celui-ci (toujours sur les sujets) :

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

Cordialement .

[sscf]

Alors là merci !!!

C'est exactement ce dont je souhaitais !!
Trop fort !

MERCIIIIII !!!!!!!