Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
+4
MrSerge91
Anne-Laure
Neptunia
Juliiie fOrever
8 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 2 • Partagez
Page 1 sur 2 • 1, 2
Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour bonjour !
Je me permets de venir vous ennuyer pour une petite question ...
J'adooore ce nouveau concept du bouton "J'aime/J'aime pas" ! D'ailleurs bravo à vous !!
Juste une question, est il modifiable de design ou pas du tout ou pas encore ? (oui 3 questions en une mais je me posais la question, comme tous mes boutons sont modifiés ^^)
Merci d'avance pour votre réponse et encore bravo pour votre boulot !
Je me permets de venir vous ennuyer pour une petite question ...
J'adooore ce nouveau concept du bouton "J'aime/J'aime pas" ! D'ailleurs bravo à vous !!
Juste une question, est il modifiable de design ou pas du tout ou pas encore ? (oui 3 questions en une mais je me posais la question, comme tous mes boutons sont modifiés ^^)
Merci d'avance pour votre réponse et encore bravo pour votre boulot !
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour ^^
Oui, les boutons sont modifiables !
Oui, les boutons sont modifiables !
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour,
Je me permets de demander vu que c'est le même sujet, où peut-on modifier les boutons j'aime et j'aime pas? Je n'arrive pas à les trouver dans la gestion avancée des images?
Je me permets de demander vu que c'est le même sujet, où peut-on modifier les boutons j'aime et j'aime pas? Je n'arrive pas à les trouver dans la gestion avancée des images?
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Ca se trouve dans le template viewtopic_body et ce ne sont pas des images classiques (bitmap) mais des images vectorielles (svg)
Je vous conseille vivement d'attendre la mise à disposition du tuto que l'annonce nous promet pour "rapidement"
Je vous conseille vivement d'attendre la mise à disposition du tuto que l'annonce nous promet pour "rapidement"
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour a toute l'équipe.
J'ai réussi a faire fonctionner ce système.
Je voudrai remplacer "J'aime et J'aime pas" par D'accore et pas d'accore.
Je pense que les explications seront sur le tuto.
Mai on sera informer comment quant il y aura ce tuto?.
J'ai réussi a faire fonctionner ce système.
Je voudrai remplacer "J'aime et J'aime pas" par D'accore et pas d'accore.
Je pense que les explications seront sur le tuto.
Mai on sera informer comment quant il y aura ce tuto?.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour @MrSerge91
Pour changer les textes sous phpBB3 (et uniquement sous phpBB3 même si l'approche est la même pour toutes les versions)
Dans le #template #viewtopic_body !
Remplacer :
Un peu plus loin remplacer :
et publier le template.
Pour changer les textes sous phpBB3 (et uniquement sous phpBB3 même si l'approche est la même pour toutes les versions)
Dans le #template #viewtopic_body !
Remplacer :
- Code:
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
- Code:
<span>D'accord</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
Un peu plus loin remplacer :
- Code:
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
- Code:
<span>Pas d'accord</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
et publier le template.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Un grand merci Neptunia.
Tout fonctionne.
Tout fonctionne.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Là je ne suis pas certaine que ça soit modifiable (par le template en tout cas, ça restera possible avec un javascript)
Je préfère vous suggérer d'attendre de voir ce que proposera le tutoriel.
Je préfère vous suggérer d'attendre de voir ce que proposera le tutoriel.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Ok! et encore merci.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour,
Nous allons envoyer des petits correctifs concernant la fonctionnalité cette semaine. Nous tâcherons ensuite de répondre aux questions liées aux personnalisations.
Mais je vous recommande d'attendre la mise en ligne de ces petits correctifs pour éviter tout problème.
Nous allons envoyer des petits correctifs concernant la fonctionnalité cette semaine. Nous tâcherons ensuite de répondre aux questions liées aux personnalisations.
Mais je vous recommande d'attendre la mise en ligne de ces petits correctifs pour éviter tout problème.
Pinguino- Adminactif
-
Messages : 13911
Inscrit(e) le : 02/05/2004
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Ok! Pinguino et merci.
Pour le moment j'ai modifier dans "template #viewtopic_body" comme dit plus haut Neptunia.
Donc je ne touche plus a rien en attendant.
Pour le moment j'ai modifier dans "template #viewtopic_body" comme dit plus haut Neptunia.
Donc je ne touche plus a rien en attendant.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour @MrSerge91
Si la fonction de base était présente sur votre forum sans que vous n'ayez à mettre à jour les templates, (autrement dit si votre template viewtopic_body était non modifié) je vous invite à supprimer le template pour en récupérer une version à jour.
Ca sera beaucoup plus rapide que de devoir suivre les consignes de mise à jour !
Il faudra bien sûr refaire la manip que je vous avais indiquée.
Pour changer les deux premières lignes, nous sommes tombés sur un os mais une solution a été trouvée par pedxz. Bravo et merci à lui
Cette solution va hélas produire un résultat différent selon que l'on soit connecté ou non.
Pour les invités, c'est simple : ils ne peuvent pas "voter" donc ils ne peuvent pas changer les fameuses phrases. On va se contenter d'un javascript activé sur les sujets avec le code suivant :
Pour les membres on va ajouter ceci à la feuille de style CSS :
P.S. Ce que je vous propose ne gère pas encore complètement les sections au format Blog sur phpBB3, seul le premier message est traité pour le moment. Il faudra patienter la mise en ligne du tuto pour que cela soit le cas.
En revanche cette solution fonctionne déjà d'après ce que j'ai pu constater sur phpBB2, punBB et Invision, sur les sous-fora classiques tout comme sur les sections au format Blog.
Pour les versions mobile, ModernBB et awesomeBB, pas encore testé mais on trouvera quelque chose qui fonctionnera aussi.
Si la fonction de base était présente sur votre forum sans que vous n'ayez à mettre à jour les templates, (autrement dit si votre template viewtopic_body était non modifié) je vous invite à supprimer le template pour en récupérer une version à jour.
Ca sera beaucoup plus rapide que de devoir suivre les consignes de mise à jour !
Il faudra bien sûr refaire la manip que je vous avais indiquée.
Pour changer les deux premières lignes, nous sommes tombés sur un os mais une solution a été trouvée par pedxz. Bravo et merci à lui
Cette solution va hélas produire un résultat différent selon que l'on soit connecté ou non.
Pour les invités, c'est simple : ils ne peuvent pas "voter" donc ils ne peuvent pas changer les fameuses phrases. On va se contenter d'un javascript activé sur les sujets avec le code suivant :
- Code:
(function($) {
'use strict';
$(function() {
if (_userdata.session_logged_in) {
$('body').attr('data-user', 'is');
} else {
$('.post').each(function() {
var $this = $(this);
if (!$this.find('.fa_like_list').length) return;
$this.find('.fa_like_list').html($this.find('.fa_like_list').html().replace(/ aime ce message/g, ' est d\'accord !'));
$this.find('.fa_like_list').html($this.find('.fa_like_list').html().replace(/ aiment ce message/g, " sont d\'accord !"));
if (!$this.find('.fa_dislike_list').length) return;
$this.find('.fa_dislike_list').html($this.find('.fa_dislike_list').html().replace(/n\'aime pas ce message/g, 'n\'est pas d\'accord !'));
$this.find('.fa_dislike_list').html($this.find('.fa_dislike_list').html().replace(/n\'aiment pas ce message/g, "ne sont pas d\'accord !"));
});
}
});
})(jQuery);
Pour les membres on va ajouter ceci à la feuille de style CSS :
- Code:
/* DEBUT MODIF J'aime / Je n'aime pas */
body[data-user="is"] p[class$="like_list"] {
font-size: 0!important;
}
body[data-user="is"] p[class$="like_list"]:after {
padding-left: 0.25rem;
}
/* Remplace le texte aime ce message */
/* Remplace aussi le texte aiment ce message */
body[data-user="is"] .fa_like_list:after {
content: 'est/sont d\'accord !';
}
/* Remplace le texte n'aime pas ce message */
/* Remplace aussi le texte n'aiment pas ce message */
body[data-user="is"] .fa_dislike_list:after {
content: 'n\'est pas/ne sont pas d\'accord !';
}
body[data-user="is"] p[class$="like_list"]:after,
body[data-user="is"] p[class$="like_list"] a[href^="/u"] {
font-size: 12px;
display: inline-block;
}
body[data-user="is"] p[class$="like_list"] a[href^="/u"]:not(:last-child)::after {
content: ', ';
cursor: default;
user-select: none;
color: black!important;
display: inline-block;
pointer-events: none;
text-decoration: none;
margin-right: 0.25rem;
}
/* FIN MODIF J'aime / Je n'aime pas */
P.S. Ce que je vous propose ne gère pas encore complètement les sections au format Blog sur phpBB3, seul le premier message est traité pour le moment. Il faudra patienter la mise en ligne du tuto pour que cela soit le cas.
En revanche cette solution fonctionne déjà d'après ce que j'ai pu constater sur phpBB2, punBB et Invision, sur les sous-fora classiques tout comme sur les sections au format Blog.
Pour les versions mobile, ModernBB et awesomeBB, pas encore testé mais on trouvera quelque chose qui fonctionnera aussi.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Merci Neptunia
Je pense que je vais attendre le tuto, car pour moi c'est vraiment du Chinois.
Je pense que je vais attendre le tuto, car pour moi c'est vraiment du Chinois.
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bah, le tuto ça sera du chinois avec du papier cadeau autour.
Ce que je donne là, c'est une partie de ce qu'il y aura dans le tuto
Ce que je donne là, c'est une partie de ce qu'il y aura dans le tuto
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Pas grave, dans ce cas je laisserais comme on a mis.
J'ai déjà désactiver l'affichage des psedo.
Et encore merci
J'ai déjà désactiver l'affichage des psedo.
Et encore merci
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Comment ça, ça ne va pas ?
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Ben ça devrait être seulement "adore ce me message" et non pas "adore ce message/adorent ce message "Neptunia a écrit:Comment ça, ça ne va pas ?
Invité- Invité
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
En étant déconnecté oui. Mais en étant connecté on ne peut plus différencier les phrases au singulier de celles au pluriel. Donc on est obligé de faire en écriture inclusive
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Ben je suis connectéNeptunia a écrit:En étant déconnecté oui. Mais en étant connecté on ne peut plus différencier les phrases au singulier de celles au pluriel. Donc on est obligé de faire en écriture inclusive
Invité- Invité
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Oui en effet en n'étant pas connecté ..ça marche
Invité- Invité
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Et donc connecté vous avez les deux, et c'est normal.
Connecté, la phrase sera la même qu'il y est un seul adorateur ou une dizaine.
Vous pouvez toutefois changer votre CSS comme ceci :
Connecté, la phrase sera la même qu'il y est un seul adorateur ou une dizaine.
Vous pouvez toutefois changer votre CSS comme ceci :
- Code:
/* Remplace le texte n'aime pas ce message */
/* Remplace aussi le texte n'aiment pas ce message */
body[data-user="is"] .fa_dislike_list:after {
content: 'adore(nt) ce message';
}
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
C'est ce que je viens de faire
Invité- Invité
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Chers tous,
Pour information, un tutoriel a été publié concernant la personnalisation de cette nouvelle fonctionnalité : https://forum.forumactif.com/t403563-personnalisations-du-systeme-j-aime-et-je-n-aime-pas#3366496 !
En espérant que vous y trouverez votre bonheur.
Bonne fin d'après-midi sur Forumactif.
Bipo.
Pour information, un tutoriel a été publié concernant la personnalisation de cette nouvelle fonctionnalité : https://forum.forumactif.com/t403563-personnalisations-du-systeme-j-aime-et-je-n-aime-pas#3366496 !
En espérant que vous y trouverez votre bonheur.
Bonne fin d'après-midi sur Forumactif.
Bipo.
Bipo- Rédactif
- Messages : 3888
Inscrit(e) le : 23/09/2010
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Bonjour Neptunia,Neptunia a écrit:
Pour changer les deux premières lignes, nous sommes tombés sur un os mais une solution a été trouvée par pedxz. Bravo et merci à lui
Cette solution va hélas produire un résultat différent selon que l'on soit connecté ou non.
Pour les invités, c'est simple : ils ne peuvent pas "voter" donc ils ne peuvent pas changer les fameuses phrases. On va se contenter d'un javascript activé sur les sujets avec le code suivant :On a 4 formats de phrases possibles, ces 4 formats sont pris en compte.
- Code:
(function($) {
'use strict';
$(function() {
if (_userdata.session_logged_in) {
$('body').attr('data-user', 'is');
} else {
$('.post').each(function() {
var $this = $(this);
if (!$this.find('.fa_like_list').length) return;
$this.find('.fa_like_list').html($this.find('.fa_like_list').html().replace(/ aime ce message/g, ' est d\'accord !'));
$this.find('.fa_like_list').html($this.find('.fa_like_list').html().replace(/ aiment ce message/g, " sont d\'accord !"));
if (!$this.find('.fa_dislike_list').length) return;
$this.find('.fa_dislike_list').html($this.find('.fa_dislike_list').html().replace(/n\'aime pas ce message/g, 'n\'est pas d\'accord !'));
$this.find('.fa_dislike_list').html($this.find('.fa_dislike_list').html().replace(/n\'aiment pas ce message/g, "ne sont pas d\'accord !"));
});
}
});
})(jQuery);
Pour les membres on va ajouter ceci à la feuille de style CSS :Et cette fois nous sommes obligés d'utiliser l'écriture inclusive pour gérer à la fois les phrases au singulier et celles au pluriel.
- Code:
/* DEBUT MODIF J'aime / Je n'aime pas */
body[data-user="is"] p[class$="like_list"] {
font-size: 0!important;
}
body[data-user="is"] p[class$="like_list"]:after {
padding-left: 0.25rem;
}
/* Remplace le texte aime ce message */
/* Remplace aussi le texte aiment ce message */
body[data-user="is"] .fa_like_list:after {
content: 'est/sont d\'accord !';
}
/* Remplace le texte n'aime pas ce message */
/* Remplace aussi le texte n'aiment pas ce message */
body[data-user="is"] .fa_dislike_list:after {
content: 'n\'est pas/ne sont pas d\'accord !';
}
body[data-user="is"] p[class$="like_list"]:after,
body[data-user="is"] p[class$="like_list"] a[href^="/u"] {
font-size: 12px;
display: inline-block;
}
body[data-user="is"] p[class$="like_list"] a[href^="/u"]:not(:last-child)::after {
content: ', ';
cursor: default;
user-select: none;
color: black!important;
display: inline-block;
pointer-events: none;
text-decoration: none;
margin-right: 0.25rem;
}
/* FIN MODIF J'aime / Je n'aime pas */
P.S. Ce que je vous propose ne gère pas encore complètement les sections au format Blog sur phpBB3, seul le premier message est traité pour le moment. Il faudra patienter la mise en ligne du tuto pour que cela soit le cas.
En revanche cette solution fonctionne déjà d'après ce que j'ai pu constater sur phpBB2, punBB et Invision, sur les sous-fora classiques tout comme sur les sections au format Blog.
Pour les versions mobile, ModernBB et awesomeBB, pas encore testé mais on trouvera quelque chose qui fonctionnera aussi.
Après la publication du tutoriel, un JS a donc été développé pour changer les phrases... mais il ne fonctionne que en étant connecté ^^
Outre le fait qu'il faudrait si possible mettre à jour le tutoriel la solution proposée dans ce message est-elle encore la plus fiable ?
Plus généralement, est-il normal que le JS proposé au point 2 du tutoriel ne soit pas fonctionnel en tant qu'invité ?
Merci de tes réponses
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Non c'est l'inverse, on a développé un nouveau script. Enfin on = no_way !
On l'a testé extensivement et il fonctionne sur toutes les versions, que l'on soit connecté ou non.
Et ensuite on a rédigé le tutoriel !
Le script proposé dans ce sujet est bon ...
... pour la poubelle.
Donc le tuto est bien à jour ...
On l'a testé extensivement et il fonctionne sur toutes les versions, que l'on soit connecté ou non.
Et ensuite on a rédigé le tutoriel !
Le script proposé dans ce sujet est bon ...
... pour la poubelle.
Donc le tuto est bien à jour ...
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
Euh, ah bon ?
Parce que chez moi ça marche pas en tant qu'invité sous phpBB3 avec pour seules personnalisations 15 lignes de CSS (pour le système de likes également ^^) et aucun autre JS
En tant que membre tout va bien mais en invité c'est... transparent on va dire
Merci
Parce que chez moi ça marche pas en tant qu'invité sous phpBB3 avec pour seules personnalisations 15 lignes de CSS (pour le système de likes également ^^) et aucun autre JS
En tant que membre tout va bien mais en invité c'est... transparent on va dire
Merci
chattigre
Aidactif
Aidactif
Pour une aide efficace...
Mettez un titre explicite
Communiquez vos personnalisations
Rendez le forum et votre problème directement visible
Si votre problème est résolu, éditez votre premier message et cochez l'icône
Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
Re: Le nouveau "J'aime / J'aime pas" - Boutons modifiables ?
On peut avoir le lien du fofo ?
Parce que celui de ton profil n'est pas en phpBB3 et n'a pas les boutons J'aime / Je n'aime pas
Et je précise que j'ai encore vérifié sur phpBB3
Bah
Donc je résume !
Sur mon forum test j'ai bien un script qui fonctionne parfaitement, ... mais qu'on trouvait trop compliqué à mettre en œuvre pour un script grand public.
no_way nous a fait un nouveau script plus conforme à ce qu'on appelle du "grand public". J'ai pas mal bricolé avec pour voir ce qu'on pouvait faire avec -> Une icône avant la liste des utilisateurs, une autre derrière. Tout joli et tout, on poste le tuto et on a juste oublié un détail : vérifier encore une fois que ça fonctionnait pour les invités.
Ce script fonctionne pour membres et invités :
Il faut modifier la ligne 4 pour les évaluations positives et la ligne 7 pour les négatives.
Il s'agit de l'ancien script fonctionnel, qu'on va bien évidemment tenter de remplacer par un script plus "accessible". Mais le principal est que ça fonctionne.
Parce que celui de ton profil n'est pas en phpBB3 et n'a pas les boutons J'aime / Je n'aime pas
Et je précise que j'ai encore vérifié sur phpBB3
Bah
Donc je résume !
Sur mon forum test j'ai bien un script qui fonctionne parfaitement, ... mais qu'on trouvait trop compliqué à mettre en œuvre pour un script grand public.
no_way nous a fait un nouveau script plus conforme à ce qu'on appelle du "grand public". J'ai pas mal bricolé avec pour voir ce qu'on pouvait faire avec -> Une icône avant la liste des utilisateurs, une autre derrière. Tout joli et tout, on poste le tuto et on a juste oublié un détail : vérifier encore une fois que ça fonctionnait pour les invités.
Ce script fonctionne pour membres et invités :
- Code:
$(function(){
try{
var modifTexteLikes=function(txt){
return txt.replace(/aime/g,"adore");
},
modifTexteDislikes=function(txt){
return txt.replace(/n'aime(nt)?\spas/g,"déteste$1");
};
$(".fa_like_list").each(function(i,e){
$(e).html(modifTexteLikes($(e).html()))
});
$(".fa_dislike_list").each(function(i,e){
$(e).html(modifTexteDislikes($(e).html()))
});
if(typeof window.FA_refreshLikeList == "undefined")throw "Function FA_refreshLikeList was not set, redefinition aborted";
window.FA_refreshLikeList=function(caller,data){
var arr_likes=JSON.parse(data);
var like_div_selector=$(caller).parents(':has(.fa_like_list),:has(.fa_dislike_list)').first();
$(like_div_selector).find('.fa_like_list, .fa_dislike_list').html('');
$(like_div_selector).find('.fa_like_list, .fa_dislike_list').hide();
if(arr_likes.likes_list!==null){
arr_likes.likes_list=modifTexteLikes(arr_likes.likes_list);
$(like_div_selector).find('.fa_like_list').show();
$(like_div_selector).find('.fa_like_list').html(arr_likes.likes_list)
}
if(arr_likes.dislikes_list!==null){
arr_likes.dislikes_list=modifTexteDislikes(arr_likes.dislikes_list);
$(like_div_selector).find('.fa_dislike_list').show();
$(like_div_selector).find('.fa_dislike_list').html(arr_likes.dislikes_list)
}
}
}catch(e){
console.error(e);
}
});
Il faut modifier la ligne 4 pour les évaluations positives et la ligne 7 pour les négatives.
Il s'agit de l'ancien script fonctionnel, qu'on va bien évidemment tenter de remplacer par un script plus "accessible". Mais le principal est que ça fonctionne.
Dernière édition par Neptunia le Jeu 23 Juil 2020 - 21:58, édité 1 fois
Page 1 sur 2 • 1, 2
Sujets similaires
» Perte de boutons "nouveau, éditer, ...
» Supprimer les boutons "Répondre" et "Nouveau"
» Déplacer les boutons Nouveau / Répondre
» boutons dans poster un nouveau message
» ModernBB - Changer les boutons Nouveau, Répondre, etc...
» Supprimer les boutons "Répondre" et "Nouveau"
» Déplacer les boutons Nouveau / Répondre
» boutons dans poster un nouveau message
» ModernBB - Changer les boutons Nouveau, Répondre, etc...
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum