AccueilMembres connectés récemment
[PHPBB3] Vote sur système de réputation
2 participants
Page 1 sur 1 • Partagez
- photoclic
-
Jeu 4 Juin 2020 - 16:47
- Version du forum :PHPBB3
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour à tous les milouziens,
Dans le système de réputation sur mon forum, la barre verte a été remplacée par une petite image avec ce css qui pourrait peut-être intéresser les membres:
Lorsque l'on passe la souris sur l'image, l'infobulle apparait avec à l'intérieur par exemple: "Réputation du message 100%. (Votes: 3)"
Serait-il possible:
. de retirer de la bulle "Réputation du message 100%"
. D'afficher le nombre de votes à coté de l'image qui a remplacé la barre verte.
Merci pour votre aide.
Dans le système de réputation sur mon forum, la barre verte a été remplacée par une petite image avec ce css qui pourrait peut-être intéresser les membres:
- Code:
/*remplacement barre verte vote par smiley à voté*/
.vote .vote-bar-plus
{
background-color: transparent;
background-image:url(https://i.servimg.com/u/f97/18/97/96/21/33968210.gif);
background-repeat:no-repeat;
background-position:center;
width:50px;
margin-left: -50px;
border: none !important;
}
- Spoiler:
![[PHPBB3] Vote sur système de réputation Sans_t31](https://i.servimg.com/u/f31/19/32/37/01/sans_t31.jpg)
Lorsque l'on passe la souris sur l'image, l'infobulle apparait avec à l'intérieur par exemple: "Réputation du message 100%. (Votes: 3)"
Serait-il possible:
. de retirer de la bulle "Réputation du message 100%"
. D'afficher le nombre de votes à coté de l'image qui a remplacé la barre verte.
Merci pour votre aide.
- photoclic
-
Jeu 4 Juin 2020 - 23:14
Re Phil,
Non le vote négatif n'est pas autorisé.
Les icônes d'origine ont été remplacées.
Sur les sujets par le bouton "Vote" comme ici par exemple: https://photoclic.forum-pro.fr/t22023-flore#281392
Quand le membre a voté, on retrouve comme indiqué plus haut, à la place l’icône "à voté' avec l'infobulle comme ici: https://photoclic.forum-pro.fr/t22008-architecture_et_graphisme-jetty-swakopmond#281228
Non le vote négatif n'est pas autorisé.
Les icônes d'origine ont été remplacées.
Sur les sujets par le bouton "Vote" comme ici par exemple: https://photoclic.forum-pro.fr/t22023-flore#281392
- Spoiler:
![[PHPBB3] Vote sur système de réputation Captu107](https://i.servimg.com/u/f31/19/32/37/01/captu107.jpg)
Quand le membre a voté, on retrouve comme indiqué plus haut, à la place l’icône "à voté' avec l'infobulle comme ici: https://photoclic.forum-pro.fr/t22008-architecture_et_graphisme-jetty-swakopmond#281228
- Spoiler:
![[PHPBB3] Vote sur système de réputation Sans_t32](https://i.servimg.com/u/f31/19/32/37/01/sans_t32.jpg)
- Milouze14
Fondateur -
Ven 5 Juin 2020 - 18:09
Hello Serge,
alors voici le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
Penser a cliquer sur le bouton
Puis la css a modifier à ta convenance:
La class M14_vote_info est le conteneur et la balise span à l’intérieur correspond au texte affiché.
Ensuite le script utilise le unwrap pour supprimer la div parent afin de supprimer l'infobulle.
alors voici le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
- Code:
$(function(){
$('.vote-bar-plus').each(function(){
var a=$(this).closest('.vote-bar').attr('title');
var b= a.match(/\(.+\)/);
$(this).unwrap().append('<span class="M14_vote_info"><span>'+b+'</span></span>');
});});
Penser a cliquer sur le bouton
Puis la css a modifier à ta convenance:
- Code:
.M14_vote_info
{
font-size: 12px !important;
height: 24px;
margin-left: -120px;
position: absolute;
text-align: center;
width: 150px;
}
.M14_vote_info span
{
top: 4px;
position: relative;
color: green;
}
La class M14_vote_info est le conteneur et la balise span à l’intérieur correspond au texte affiché.
Ensuite le script utilise le unwrap pour supprimer la div parent afin de supprimer l'infobulle.
.
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum