Dégradé administrateur ne fonctionne pas

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

Résolu Dégradé administrateur ne fonctionne pas

Message par Chedis le Dim 1 Nov 2015 - 17:51

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Jamais réussi à le faire fonctionner
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

j'ai passé presque 2 heures à lire sur FDF et à tester sur mon forum, impossible de faire fonctionner ce dégradé que je veux pour 3 rangs distincts (pour l'instant j'essayais seulement de le faire fonctionner avec le rang " Administratrice ").

J'ai consulté ce tutoriel et recommencé 3 ou 4 fois, sans succés :

http://forum.forumactif.com/t334565-fond-de-message-different-pour-le-staff-degrade

J'ai aussi lu les messages de membres qui avaient le même problème et essayé les solutions proposées. Toujours rien. Je suis dans une impasse.

Merci de m'aider !


Dernière édition par Chedis le Lun 2 Nov 2015 - 15:22, édité 1 fois

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Feuilla' le Dim 1 Nov 2015 - 18:09

Bonsoir,
quels sont les codes que vous avez utilisés s'il vous plaît ? Smile
Quel est l'étape qui, selon vous, pose problème ?
Il faut aussi faire attention aux petits détails, peut-être des erreurs dans le CSS ? Ou ne pas avoir activé la gestion des codes Javascript ?
Le mieux serait d'avoir les deux éléments qui posent le plus problème (le Javascript vous pouvez juste le copier/coller, mais si jamais il y a quand même une erreur, ...)(nom du rang + CSS).
Merci bonne soirée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Milouze14 le Dim 1 Nov 2015 - 18:33

Salut Chedis et feuilla' ,

si tu as bien suivi l'astuce et je vois que sur ton fofo que tu as renommé la class , il faut déposer l'identique dans ta C.S.S.
Ensuite il faut aller dans ton P.A et voir le membre concerné et lui donner le rang:


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Dim 1 Nov 2015 - 21:40

@Feuilla' a écrit:Bonsoir,
quels sont les codes que vous avez utilisés s'il vous plaît ? Smile
Quel est l'étape qui, selon vous, pose problème ?
Il faut aussi faire attention aux petits détails, peut-être des erreurs dans le CSS ? Ou ne pas avoir activé la gestion des codes Javascript ?
Le mieux serait d'avoir les deux éléments qui posent le plus problème (le Javascript vous pouvez juste le copier/coller, mais si jamais il y a quand même une erreur, ...)(nom du rang + CSS).
Merci bonne soirée !

Honnêtement, je ne saurais dire oú est le problēme, sauf derrière le clavier ! Laughing

Mon rang:

Code:
<span class="Administratrice">Administratrice</span>

JS

Code:
$(function() {
  $('.Administratrice').parent().parent().parent().parent().parent().addClass('AdministratriceDegrade');
});

CSS
Je mets une photo, incapable de copier de mon ipad (je travaille de mon pc par contre)



Merci !



Dernière édition par Chedis le Dim 1 Nov 2015 - 21:42, édité 1 fois

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Dim 1 Nov 2015 - 21:41

@Milouze14 a écrit:Salut Chedis et feuilla' ,

si tu as bien suivi l'astuce et je vois que sur ton fofo que tu as renommé la class , il faut déposer l'identique dans ta C.S.S.
Ensuite il faut aller dans ton P.A et voir le membre concerné et lui donner le rang:


a++

Merci Milouze,

Je crois bien avoir fait tout çe que tu dis dėjã.

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Caezd le Dim 1 Nov 2015 - 23:44

Salut Chedis, je viens de vérifier directement sur ton forum et le Javascript fonctionne parfaitement.
Le problème semble venir de ton CSS qui n'est tout simplement pas bien déclaré et qui comporte énormément d'erreurs (si je me fie à celui actuellement utilisé sur ton forum : http://www.entreelles.org/96-ltr.css).

Je te propose de retirer tout le Javascript qui n'a tout simplement pas sa place à cet endroit (et qui, en plus, ne fonctionnera pas). Il se situe, si je ne dis pas de bêtises, juste avant la déclaration de ta classe pour ton dégradé. Il commence par
Code:
$(window).load(function() {
et se termine par quelque chose comme
Code:
localstoragecb_once: 1});

Une fois que ce sera fait, ton code CSS devrait fonctionner correctement !

Caezd
Nouveau membre

Messages : 18
Inscrit(e) le : 03/08/2014

Caezd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Lun 2 Nov 2015 - 2:31

@Caezd a écrit:Salut Chedis, je viens de vérifier directement sur ton forum et le Javascript fonctionne parfaitement.
Le problème semble venir de ton CSS qui n'est tout simplement pas bien déclaré et qui comporte énormément d'erreurs (si je me fie à celui actuellement utilisé sur ton forum : http://www.entreelles.org/96-ltr.css).

Je te propose de retirer tout le Javascript qui n'a tout simplement pas sa place à cet endroit (et qui, en plus, ne fonctionnera pas). Il se situe, si je ne dis pas de bêtises, juste avant la déclaration de ta classe pour ton dégradé. Il commence par
Code:
$(window).load(function() {
et se termine par quelque chose comme
Code:
localstoragecb_once: 1});

Une fois que ce sera fait, ton code CSS devrait fonctionner correctement !

Merci beaucoup de ton temps caezd ! J'ai fait ce que tu disais, effectivement ce code dans le CSS n'avait jamas fonctionné et je ne l'avais pas enlevé.

Par contre, ça ne fonctionne toujours pas.

Dis-moi, comment fais-tu pour avoir accès à mon code dans être Admin sur mon forum ? (Excuse-moi je suis très novice...)

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Caezd le Lun 2 Nov 2015 - 2:42

Lorsque je regarde de nouveau ton CSS, j'y retrouve toujours le code Javascript au même endroit (du moins, le CSS utilisé sur ton forum actuellement n'a pas été modifié). Peux-tu vérifier si la sauvegarde s'est bien envoyée ?

Pour ce qui est de l'accès au code CSS de ton forum sans être administrateur c'est assez simple : tout le monde peut consulter le code source HTML/CSS/JS d'un forum ou d'un site. Je ne suis pas un expert des termes, mais il est tout à fait normal d'accéder à ces "fichiers" qui sont "publics". Ne t'inquiète pas, la sécurité de ton forum n'est pas en cause.

EDIT :
J'y retrouve encore tout ça :
Code:
$(window).load(function(){varava_in_indirect_message:true;varava_in_member_list:true;varavatars:{;varchatbox_script:function() { var default_avatar = http://illiweb.com/fa/invision/pp-blank-thumb-38px.png};
var d;
var set_avatar = function(pseudo,elem_to_prepend){ifavatarifdd:$.get(/memberlist?change_version=prosilver).done(function(c){ $('.avatar-mini img',c).each(function(){ avatars[$(this).parent().text().substr(1)]= $(this).attr(src);varavatar:avatars[pseudo];varel:$(this)}d.done(function(){varavatar:avatars[pseudo]};
var overrided = Chatbox.prototype.refresh;
Chatbox.prototype.refresh = function(data){ifdatamessagesdatamessageslengtheachdatamessagesfunction_mifava_in_indirect_messagemmsgcolor:'\' data-username=\''+$().text(m.username).html();ifmusermuseravataravatarsmusername:m.user.avatar;varnext_scroll:false});

Caezd
Nouveau membre

Messages : 18
Inscrit(e) le : 03/08/2014

Caezd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Lun 2 Nov 2015 - 3:04

Merci pour les infos, je ne savais pas ça, pour le code qui est public !

Concernant le bout que tu voudrais que j'enlève, il fonctionne et je m'en sers. Si je ne m'abuse, c'est ce bout de code qui fait afficher l'avatar du membre dans la chatbox. Ça me fait quelque chose de l'enlever, car j'aime bien cette fonction.


Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Caezd le Lun 2 Nov 2015 - 3:15

Je t'assure que ce bout de Javascript ne fonctionne pas et qu'il n'est pas responsable des avatars dans ta Chatbox.

D'une part parce qu'il est impossible de mélanger du Javascript et CSS dans un fichier CSS : ce code n'a jamais fonctionné. D'une autre, parce que depuis que ForumActif a mis à jour leur Chatbox, les avatars sont une feature interne disponible sans avoir à ajouter de codes.

Si tu veux vérifier par toi-même avant de retirer le Javascript, tu peux passer voir dans ton panneau d'aministration, sous l'onglet Modules > Chatbox. Tu devrais voir l'option "Afficher les avatars des utilisateurs dans la chatbox :" cochée.
Si vraiment tu ne veux pas prendre de chance, je te conseille de copier ton code actuel dans un bloc note (pour en garder la copie) et de supprimer ensuite le javascript du CSS de ton forum.

Caezd
Nouveau membre

Messages : 18
Inscrit(e) le : 03/08/2014

Caezd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Lun 2 Nov 2015 - 3:41

@Caezd a écrit:Je t'assure que ce bout de Javascript ne fonctionne pas et qu'il n'est pas responsable des avatars dans ta Chatbox.

D'une part parce qu'il est impossible de mélanger du Javascript et CSS dans un fichier CSS : ce code n'a jamais fonctionné. D'une autre, parce que depuis que ForumActif a mis à jour leur Chatbox, les avatars sont une feature interne disponible sans avoir à ajouter de codes.

Si tu veux vérifier par toi-même avant de retirer le Javascript, tu peux passer voir dans ton panneau d'aministration, sous l'onglet Modules > Chatbox. Tu devrais voir l'option "Afficher les avatars des utilisateurs dans la chatbox :" cochée.
Si vraiment tu ne veux pas prendre de chance, je te conseille de copier ton code actuel dans un bloc note (pour en garder la copie) et de supprimer ensuite le javascript du CSS de ton forum.

Merci encore ! Tu es patient et tu sembles t'y connaître. Tu vois je ne fais même pas la différence entre du code Javascript et du CSS. Mes connaissances sont vraiment insuffisantes.

Je t'ai fait confiance, j'ai enlevé le bout de code dont tu parlais. Le chatbox montre toujours les avatars, tu avais raison.

Mais le satané dėgradé ne fonctionne toujours pas ! Crying or Very sad

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Caezd le Lun 2 Nov 2015 - 4:00

Après inspection dans mon navigateur, la classe est bien prise en compte et le CSS aussi. Si ces deux conditions sont remplies, le problème ne peut venir que de l'image. Je l'ai hébergé ailleurs pour voir si le problème vient de là, et l'image s'affiche correctement de mon côté.

Essaie de remplacer ton code par celui ci-dessous :
Code:
div .AdministratriceDegrade {
    background-image: url("http://nsa37.casimages.com/img/2015/11/02/151102035818684752.png");
    background-position: right bottom;
}
Maintenant toute devrait fonctionner ! Smile

Caezd
Nouveau membre

Messages : 18
Inscrit(e) le : 03/08/2014

Caezd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Lun 2 Nov 2015 - 4:35

Ok, j'ai fait ce que tu disais. Ça ne fonctionnait toujours pas mais après avoir regardé attentivement, je me suis rendue compte que la couleur était tellement fondue dans le background du forum qu'on ne voyait presque rien !

J'ai mis l'URL d'un dégradé plus foncé et ça fonctionne parfaitement ! Tu es un as, merci !

Maintenant, sans vouloir abuser de ta gentillesse, si je veux faire la même chose pour un autre rang, je refais la même procédure en double, exactement de la même façon ?

Bonne soirée!

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Caezd le Lun 2 Nov 2015 - 5:23

Oui, si tu veux refaire la même chose pour un autre rang, tu devras modifier certaines valeurs dans tes différents codes et faire en sorte qu'elles correspondent entre-elles.

Un exemple...

Le code du rang :
Code:
<span class="moderatrices">Modératrices</span>

L'ajout dans le javascript. Tu peux ajouter cette partie juste en dessous de celle d'Administratrice.
Code:
$('.moderatrices').parent().parent().parent().parent().parent().addClass('moderatrices-degrade');

Et le css (avec l'image que tu voudrais) :
Code:
div .moderatrices-degrade {
    background-image: url("http://nsa37.casimages.com/img/2015/11/02/151102035818684752.png");
    background-position: right bottom;
}

Caezd
Nouveau membre

Messages : 18
Inscrit(e) le : 03/08/2014

Caezd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dégradé administrateur ne fonctionne pas

Message par Chedis le Lun 2 Nov 2015 - 15:21

Merci, ça fonctionne !

J'ai juste changé un peu ton code Javascript, car il ne fontionnait pas. J'ai pris le modèle de mon rang ' Administratrice ' que l'on avait déjà arrangé.

Code:
$(function() {
  $('.Collaboratrice').parent().parent().parent().parent().parent().addClass('CollaboratriceDegrade');
});

Je vois que tu es un nouveau membre, mais Wow, tu es efficace et généreux ! Merci beaucoup de ta contribution !

Chedis
***

Féminin
Messages : 118
Inscrit(e) le : 22/10/2014

http://entreelles.org
Chedis 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