| dénomination des images... | |
|
|
Evangaia
{ Membre }
Messages : 17
| Bonjour à tous ! Si je fais appel à vous aujourd'hui c'est pour un problème qui pourrait être très simple... Pourvu de connaître le code qui me manque ! En effet je cherche à mettre dans mon css les images correspondant aux icônes "nouveau message" et "message déjà lu" dans la boîte de réception ( autrement dit les MP). Et j'ai eu beau fouiller les 222 sujets de ce forum contenant le mot "image" et les différents tutos (y compris cet excellent référencement : http://www.css-actif.com/t2-classes-forumactif ) je n'ai pas trouvé ! Donc j'aimerais si vous les connaissez les dénominations de ces deux images (exemple : pour l'image du profil dans la barre de navigation c'est #i_icon_mini_profile) J'ai bien sûr essayé de tâtonner en mettant des noms logiques et j'ai regardé dans le template privmsgs_body, où j'ai trouvé un certain - Code:
-
src="{listrow.PRIVMSG_FOLDER_IMG}" mais je ne sais absolument pas comment faire pour que cette source, qui est celle de l'icone de nouveau sujet de la boîte mp, soit inclue dans mon css. Vous allez me dire qu'il me suffirait de la changer pour une image de mon choix mais je veux vraiment que l'indication d'image se fasse dans le css sans changer le template pour la source car mon sélecteur de thème marche sur la base d'un simple changement de feuille css. D'autre part si j'ai bien vu que ce code servait à changer l'image "nouveau message" impossible de trouver celle pour les messages déjà lus, qui semble être par défaut la même que dans les forums et catégories... Donc ... au secours ! Pour l'instant ma solution temporaire a consisté à faire ça :code de base : - Code:
-
<img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}"> Code modifié : - Code:
-
<img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" id="i_nmp" alt="{listrow.L_PRIVMSG_FOLDER_ALT}"> Code css ajouté : - Citation :
- #i_nmp {
background-image:url('http://www.sythin.net/images/forum/fictions/design/icones/iconeforuma.png'); width:70px; height:76px; } Ça fonctionne pour l'image des nouveaux message MAIS ça déforme l'image des déjà lus, qui "essaye" de prendre la même taille (et de toute façon ça ne marche que pour les nouveaux et ça ne fait que mettre l'image en fond, même dans la "case" des anciens messages :s) Voilà, j'espère avoir donné toutes les infos nécessaires... Mon forum est en phpbb2 et je suis la fondatrice... au cas où Merci à tous !ps : dans le même ordre d'idée si quelqu'un connaît les codes correspondant à toutes les icônes de sujet/catégorie (donc nouveau et ancien) ce serait vraiment sympa de les partager avec moi | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Bonsoir,
Le problème c'est qu'il me semble que ton but recherché est de remplacer les icones des mps par d'autres images. Mais ta technique ne peut pas fonctionner par css. Ce que tu essaies de faire c'est de cibler l'élément et de lui mettre une image de fond. Or ton image reste une image sans image de fond. La propriété background-image et l'attribut src ne sont en aucun cas lié. En définissant l'un tu n'écrases pas la valeur de l'autre. En faisant ce que tu as fait, tu ne fais que mettre une image de fond à une image. D'autre part, sache que logiquement, les icones des mps sont répétés plusieurs fois sur une même page, il est donc déconseillé de les nommer avec un identifiant (qui doit nommer un élément unique). Une classe est plus appropriée.
Si tu veux modifier les icones de tes messages privés, il faut passer par le javascript pour remplacer les images générées par ton forum par tes propres images. | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Merci de ta réponse Donc oui je sais que c'est une image de fond qui va apparaître, c'est ce que j'ai précisé dans mon post, la méthode que j'ai employée en test (histoire de ne pas rester les bras croisés à attendre que quelqu'un me réponde) est loin d'être celle que je recherche, d'autant plus que comme je le dis l'image de fond va apparaître indépendamment de si l'icône générée est celle pour un nouveau message ou pour un ancien... Mais bon j'aime bien mettre ce que j'ai essayé ça évite de le préciser plus tard Et le problème vient du fait que je rajoute un id à une image qui à la base n'en a pas... Quand tu prends des id ou des class déjà existantes, la méthode marche très bien, par exemple dans mon panneau d'admin dans la gestion d'image j'ai pu enlever presque toutes les images avec cette méthode, pour les remplacer par les liens des miennes dans mon css... (j'ai perdu personne en route là ? :p) (C'est d'ailleurs une méthode souvent employée pour faire des effets hover) Le truc c'est que dans le cas des nouveaux messages/anciens messages le forum "autogénère" l'icône adaptée dans la case adéquate, en se servant d'une variable qui lui est propre... Et impossible de trouver l'id ou la class existante de cette variable Quoi qu'il en soit ta piste de javascript est très intéressante mais pourrais-tu m'en dire un peu plus ? Il faudrait que le lien des images générées change en fonction de la page css chargée, ou alors qu'un clic sur le lien permettant de changer de thème change non seulement la page css mais déclenche aussi ce script... Je connais quelques bases de javascript mais franchement là je pense que créer un code comme celui-là est au dessus de mes capacités actuelles Merci encore | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| C'est assez logique que les images des "anciens messages privés" et "nouveaux messages privés" n'aient pas d'identifiant ou de classes propres puisqu'elles sont "injectées" dans des balises qui ne sedistinguent pas les unes des autres. Le but serait donc que pour les anciens et les nouveaux messages, tu cibles l'image et tu remplaces la valeur de l'attribut src par celle que tu as choisi. Mais pour cela il faut donc cibler cette image. Ce qui n'est pas forcément évident. Il faut trouver ce qui distingue l'image 'ancien message' de l'image 'nouveau message'. Je t'ai préparé un petit script qu'il faudra installer dans ta gestion des scripts. Mais avant tout, pour nous aider à vérifier plus facilement que nous sommes bien dans cette page de mp, nous allons aller dans le template privmsgs_body pour faire une petite modification. Il faut repérer cette portion de code - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th class="thCornerL" nowrap="nowrap" width="60%" colspan="3"> {L_SUBJECT} </th> <th class="thTop" nowrap="nowrap" width="20%"> {L_FROM_OR_TO} </th> <th class="thTop" nowrap="nowrap" width="15%"> {L_DATE} </th> <th class="thCornerR" nowrap="nowrap" width="5%"> {L_MARK} </th> </tr> <!-- BEGIN listrow --> et remplacer par: - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="listMp"> <tr> <th class="thCornerL" nowrap="nowrap" width="60%" colspan="3"> {L_SUBJECT} </th> <th class="thTop" nowrap="nowrap" width="20%"> {L_FROM_OR_TO} </th> <th class="thTop" nowrap="nowrap" width="15%"> {L_DATE} </th> <th class="thCornerR" nowrap="nowrap" width="5%"> {L_MARK} </th> </tr> <!-- BEGIN listrow --> La seule modification a été d'ajouter l'identifiant "listMp" à la balise table . Ensuite, munie d'une petite explication, il te reste à installer et personnaliser ce script avec les url correctes d'images. Le tout est réalisé en javascript sans se servir de jquery puisque je ne connais pas bien cette librairie. Pour des instructions sur les modifications à faire impérativement pour le script marche, il te faut lire les commentaires. Lors de toutes modifications de design, changement d'images, il faudra également changer les valeurs. - Code:
-
window.addEventListener('load',initialiser,false); /* initialisation du code*/ function initialiser(){ if (document.getElementById('listMp')){ /*On vérifie par une condition que nous sommes bien dans la page des mps en vérifiant qu'un élément d'identifiant listmp existe. Si elle n'existe pas, rien de ce qui suit n'est exécuté*/
var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++){ /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder.gif'){ /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/
tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/nonew.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder_new.gif'){/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/newlum.png'; /* url de l'image new qu'on veut mettre à la place*/
} } }
} | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| *Intégriste de base vient d'apparaitre !* - Citation :
- Le tout est réalisé en javascript sans se servir de jquery puisque je ne connais pas bien cette librairie
JQuery est une bibliothèque javascript. Ou library en anglais. Attention aux faux amis. *Intégriste de base s'enfuit !* | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| xD Aie, j'ai déclenché la colère de Christa. Donc oui effectivement, jquery est une bibiothèque javascript que je ne connais pas du tout. Merci pour votre indulgence =). | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Merci infiniment pour ta réponse Chinelle ! Je l'essayerai cet après-midi et je te tiens au courant du résultat ! | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| 11h49 : Merci infiniment pour ta réponse Chinelle ! Je l'essayerai cet après-midi et je te tiens au courant du résultat ! ___________________________________________________________ mise à jour : Alors ça marche formidablement bien, merci beaucoup ! Par contre je ne sais pas du tout comment faire pour que ce script ne se déclenche que quand on clique sur le lien de changement de thème, là il se déclenche automatiquement tout le temps puisque je l'applique sur toutes les pages, est-ce que tu veux bien m'expliquer comment faire pour le déclencher au clic d'un lien s'il te plaît ? (ah zut je ne peux pas effacer mon message au dessus, désolée pour le double post du coup ) | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Je sais comment faire pour que le script se déclenche lors du click d'un lien mais je ne comprends pas ce que tu veux dire par "quand on clicke sur un lien de changement de thème". Si possible, montre moi ce que tu veux dire avec le lien de ton forum. | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| D'accord, alors voilà donc mon forum : http://fictions.forumotion.com/ (il est en phase de finalisation) A gauche tu as le sélecteur de thème, qui s'ouvre quand tu cliques dessus, et tu as différents thèmes (3 pour le moment). Pour changer de thème de forum il faut simplement cliquer sur celui qu'on veut, logique quoi Donc moi ce que je voudrais ce serait que quand on clique par exemple sur bois@Kalhan les images changent pour devenir celles que Kalhan a faites. Donc voilà, celles qui changent grâce à ton script doivent changer à ce moment là, pour remplacer les miennes (du thème du moment donc) par celles de Kalhan. (c'est le processus qui devra se faire à chaque changement de thème par l'utilisateur, mais bon une fois que j'aurai compris pour un je devrais être capable de le faire pour n'importe lequel:) Voilà merci encore de ton aide | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| D'accord, d'accord. En fait je viens de me casser la tête à te faire un système d'écouteur d'évènement pour me rendre compte qu'en fait ce que tu veux faire ne se fait pas lors du click sur le lien. Je pense comprendre que si un de tes membres clicke sur le lien du sélecteur de thème, ça se fera sur une autre page que celle des mps mais que grâce à forumactif, le thème sélectionné est mémorisé. Or mon code lui se recharge à chaque chargement de page, c'est du local. A chaque nouveau chargement de page, tes images "no new" et "new" redeviennent celles par défaut. Le comportement qu'il faut affecter au script c'est que lorsqu'il se trouve en présence d'un thème défini précédemment, il prenne les images qui lui correspondent. Pour faire cela, j'ai utilisé des fonctions qui chargent les styles affectés à certains éléments et plus précisément dans ce cas ci le style affiché au logo. C'est à dire une image de fond. J'ai créé une condition pour voir quel image de fond on a sur le logo et par la logique en déduire que nous sommes sur un des deux autres thèmes. Alors j'ai modifié mon script. Je n'ai pas pu entièrement le tester parce que je n'ai pas de cas de figure similaire au tien mais je te laisse repersonnaliser tout ça en lisant bien les commentaires que j'ai mis pour que tu comprennes ce que tu dois modifier. Fais attention à toujours bien remplacer les images par défaut par celles de ton thème par défaut. - Code:
-
window.addEventListener('load',initialiser,false); /* initialisation du code*/ function initialiser() { var iLogo=document.getElementById('i_logo'); var iLogoStyle=getComputedStyle(iLogo,null); var iLogoStyleFond=iLogoStyle.getPropertyValue('background-image'); if (document.getElementById('listMp')){ /*On vérifie par une condition que nous sommes bien dans la page des mps en vérifiant qu'un élément d'identifiant listmp existe. Si elle n'existe pas, rien de ce qui suit n'est exécuté*/ if(iLogoStyleFond=="url('lien du fond du logo du theme 2')") /* Si c'est vrai on est dans le theme2, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ { var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++){ /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder.gif'){ /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/
tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/nonew.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder_new.gif'){/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/newlum.png'; /* url de l'image new qu'on veut mettre à la place*/ }} } if(iLogoStyleFond=="url('lien du fond du logo du theme 3')"){/*Si c'est vrai on est dans le theme3, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++){ /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder.gif'){ /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/
tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/nonew.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://2img.net/i/fa/subsilver/folder_new.gif'){/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/newlum.png'; /* url de l'image new qu'on veut mettre à la place*/ } } }
| | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Merci pour ta réponse et désolée de t'avoir induit en erreur ! Alors ton système a l'air génial et je pense avoir compris tes explications mais... ça ne marche pas -J'ai bien remplacé les url par les miennes (sauf dans le thème 3 où j'ai laissé les tiennes pour les images de remplacement pour le test) et ça n'a rien fait. -J'ai regardé ton code plus attentivement avec pspad et j'ai remarqué que certaines accolades n'étaient pas refermées, je les ai refermées au cas où... -J'ai essayé en mettant le js dans le module de js du panneau d'admin en cochant "toutes les pages" -J'ai essayé en le mettant sur mon ftp et en joignant la source dans le overall_header (il paraît que certains js ne marchent pas en les hébergeant sur forumactif, sait-on jamais) Mais rien Je me suis sans doute trompée quelque part, mais je ne vois pas où. (je précise que j'ai bien laissé l'id à l'endroit que tu m'avais indiqué au départ, j'ai vérifié qu'il y était toujours) Je te mets le js tel qu'il est après les modifications : - Code:
-
window.addEventListener('load',initialiser,false); /* initialisation du code*/ function initialiser() { var iLogo=document.getElementById('i_logo'); var iLogoStyle=getComputedStyle(iLogo,null); var iLogoStyleFond=iLogoStyle.getPropertyValue('background-image'); if (document.getElementById('listMp')) { /*On vérifie par une condition que nous sommes bien dans la page des mps en vérifiant qu'un élément d'identifiant listmp existe. Si elle n'existe pas, rien de ce qui suit n'est exécuté*/ if(iLogoStyleFond=="url('http://img11.hostingpics.net/pics/483099headv2.png')") /* Si c'est vrai on est dans le theme2, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ { var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++) { /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforume.png') { /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/ tableImg[i].src='http://i13.servimg.com/u/f13/16/60/50/83/ancien13.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforuma.png') {/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://i13.servimg.com/u/f13/16/60/50/83/nouvea11.png'; /* url de l'image new qu'on veut mettre à la place*/ } } } if(iLogoStyleFond=="url('http://www.sythin.net/images/forum/fictions/design/head.png')") {/*Si c'est vrai on est dans le theme3, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++) { /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforume.png') { /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/nonew.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforuma.png') {/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/newlum.png'; /* url de l'image new qu'on veut mettre à la place*/ } } } } } Voilà, désolée encore pour ce dérangement supplémentaire | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Bonjour, Effectivement, tu avais raison j'ai oublié deux accolades en bas de mon fichier lorsque je l'ai sélectionné pour le coller sur mon message ^^. Mais ce n'était pas le seul problème de toute évidence. Il se pourrait que le problème vienne du fait que dans - Code:
-
if(iLogoStyleFond=="url('http://img11.hostingpics.net/pics/483099headv2.png')" j'ai mis des simples guillemets au lieu de doubles guillemets. Or, la vérification d'égalité entre ça et la valeur de ta propriété css peut voir une différence entre les deux valeurs puisque simple guillemet et double guillemets sont des caractères différents. Comme tu peux le constater, je ne suis pas du tout habituée à des manipulations avec autant de bricolages donc je ne suis pas étonnée de faire ces erreurs. Je propose donc que tu réessaies avec ce code à la place (j'ai inversé les simples guillemets et double pour qu'on ait logiquement exactement les mêmes caractères). Si ca ne marche pas, n'enlève pas ton script de ton forum, je pourrai ainsi inspecter la console d'erreurs. - Code:
-
window.addEventListener('load',initialiser,false); /* initialisation du code*/ function initialiser() { var iLogo=document.getElementById('i_logo'); var iLogoStyle=getComputedStyle(iLogo,null); var iLogoStyleFond=iLogoStyle.getPropertyValue('background-image'); if (document.getElementById('listMp')) { /*On vérifie par une condition que nous sommes bien dans la page des mps en vérifiant qu'un élément d'identifiant listmp existe. Si elle n'existe pas, rien de ce qui suit n'est exécuté*/ if(iLogoStyleFond=='url("http://img11.hostingpics.net/pics/483099headv2.png")') /* Si c'est vrai on est dans le theme2, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ { var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++) { /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforume.png') { /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/ tableImg[i].src='http://i13.servimg.com/u/f13/16/60/50/83/ancien13.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforuma.png') {/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://i13.servimg.com/u/f13/16/60/50/83/nouvea11.png'; /* url de l'image new qu'on veut mettre à la place*/ } } } if(iLogoStyleFond=='url("http://www.sythin.net/images/forum/fictions/design/head.png")') {/*Si c'est vrai on est dans le theme3, images à paramétrer en mettant à chaque fois pour les images par défaut les images du theme par défaut*/ var tableImg=document.getElementsByTagName('img'); /*Je stocke dans une variable toutes les images de la page*/ for (i=0;i<tableImg.length;i++) { /*je passe en revue toutes les images du forum pour voir si elles ont un src de valeurs des images par défaut*/ if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforume.png') { /*url de l'image no new par défaut. A remplacer par ton url d'image no new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/nonew.png'; /*url de l'image no new qu'on veut mettre à la place*/ }
if (tableImg[i].src=='http://www.sythin.net/images/forum/fictions/design/icones/iconeforuma.png') {/*url de l'image new par défaut. A remplacer par ton url d'image new par défaut sur ton forum*/ tableImg[i].src='http://sd-4.archive-host.com/membres/images/135080581039173239/newlum.png'; /* url de l'image new qu'on veut mettre à la place*/ } } } } } | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Merci pour ta réponse rapide ! Malheureusement je viens d'essayer et... pas de changement J'ai bien laissé sur le forum comme tu m'as dit, si tu as besoin d'informations supplémentaires n'hésite pas ! Merci encore pour le temps que tu prends pour m'aider | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Bon alors, comme je trouvais cela bizarre, j'ai voulu aller voir par moi même sur ton forum en créant un compte de test pour avoir accès à la page de mp.
Mon test a donc été : en étant sur l'index de ton forum, j'ai choisi un theme. Puis je me suis rendue sur la boite à mp. Et à chaque fois l'image par défaut était remplacée par une autre image (soit celle que j'avais mise dans mon code, soit une des tiennes). Donc je me demande si tu n'as pas testé d'une mauvaise manière en m'ayant mal comprise.
Si tu veux en plus que les images changent quand on choisit un theme au sein de la boite mp, ça peut se faire sans problème, mais j'avais pensé que la sélection d'un thème se ferait rarement dans une boite mp. | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| C'est bizarre parce-que ça ne marche vraiment pas chez moi... Je t'ai fait une capture : Image du thème de Kalhan : - Spoiler:
image de mon thème : - Spoiler:
L'icône du papillon reste la même Sinon tu avais bien compris, en fait le sélecteur doit être fonctionnel quelle que soit la page affichée, donc le fonctionnement que tu proposes est bien celui qu'il faut... Mais je ne comprends pas pourquoi ça ne marche pas chez moi. Dans le doute j'ai demandé à des amies de faire le test et ça ne marche pas non plus pour elles. Peut-être que tu as fait quelque chose de spécial mais d'après ce que tu dis non... Je ne vois pas (je précise que j'ai vidé le cache et les cookies plusieurs fois) | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Hello ! Je viens aux nouvelles : le sujet est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Malheureusement oui, le problème n'a pas été réglé comme je l'ai dit dans mon message précédent | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Bon...!
Tout d'abord, excuse moi pour le temps de patience. Alors, je suis un peu désappointée et surprise donc je n'ai pas de suggestion spéciale à te faire actuellement
Voici ma capture des images du theme par défaut:
Et celle d'un autre thème après avoir changé le thème et réactualiser la page des mps.
N'as-tu vraiment aucun changement de ton côté ? Même après réactualisation de la page ? | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Bonsoir !
Ne t'inquiète pas pour le temps d'attente, je comprends que tu n'aies pas que ça à faire et c'est déjà gentil de m'aider ! C'est quand même bizarre cette histoire, je comprends que tu sois désappointée, effectivement tes captures montrent que ça marche bien chez toi et les miennes que ça ne marche pas chez moi (ni chez les amis à qui j'ai demandé d'essayer)... Pourtant c'est bien le même code et le même forum... J'ai actualisé de nombreuses fois, essayé avec les trois principaux navigateurs, rien...
Par contre je me demandais, ce n'est pas ça qui fait que ça marche ou non ça je sais, mais est-il possible d'effectuer ces changements sans spécifier d'id (celui qu'on a ajouté dans le template) ? Car après tout ces images doivent changer peu importe qu'elles soient dans la boîte à mp ou non, et ça me permettrait avec le même code de faire aussi changer les images des nouveaux/anciens messages dans les catégories ou les messages hors messages privés, car eux non plus ne peuvent pas être définis dans le css vu que c'est le même principe.
Et en dernier recours, il n'est pas possible d'essayer de déclencher ton script en même temps que le changement de feuille css ?
Merci encore de ton aide ! | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Hello ! Je viens aux nouvelles : le sujet est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Oui il est toujours d'actualité ! | | |
|
| |
Chinelle
{ Membre }
Messages : 119
| Encore désolée pour le temps d'attente. Bon pour répondre à ta demande, je n'ai toujours pas de solution.
Pour répondre à ta nouvelle question, tu avais initialement demandé à ce que les images soient changées dans le contexte de la boite à mps et non dans le reste du forum donc je me suis adaptée à ta demande en créant ce contexte à l'aide de l'id. Si tu veux que ça marche partout donc, effectivement, il ne fallait pas créer l'identifiant ni la condition qui vérifiait qu'on est bien dans le contexte de la boite mp. Ca simplifiera le code.
Je viens de retester avec un autre pc, sur firefox, et ça marche avec le design "kalhan", les images sont bien changées. La démarche (je me répète)a été de me rendre en theme par défaut sur la boite mp, de sélectionner ce theme (à ce moment, les icones restent les memes que par défaut), de réactualiser la page, résultat après temps chargement : changements des icones. Donc ça devient vraiment inquiétant. Et vu que je n'ai pas spécialement d'autres idées pour vérifier que nous sommes bien dans un thème donné, je suis un peu bloquée. | | |
|
| |
Espeon
Administrateur
Messages : 1819
| Je pense que le problème vient du fait que vous ne vous comprenez pas. J'ai l'impression que Evangaia s'attends à voir les images changer lors du clic sur le changement de thème (comme le reste, de manière instantannée) alors qu'actuellement, il faut recharger la page après avoir changé le thème pour voir la nouvelle image (du coup je me suis inscris pour tester itou itou). Bref, pas de bien grand mystère à mon avis | | |
|
| |
Evangaia
{ Membre }
Messages : 17
| Hello ! J'ai vraiment fait exactement la même démarche que toi : -Boîte mp avec le thème "de base" -Choix du thème de Kalhan dans le sélecteur -Actualisation de la page (plusieurs fois) Mais les icônes restent toujours les mêmes Sinon en fait à la base l'idée était de changer les icônes mp comme tu l'as compris mais normalement elles pouvaient changer à partir de n'importe où du moment que le thème associé était appelé par l'utilisateur, d'ailleurs il me semblait que tu l'avais bien compris, c'est étonnant :S Je veux bien que tu m'expliques comment simplifier le code en enlevant l'identifiant et "la condition qui vérifiait qu'on est bien dans le contexte de la boite mp" si ça ne te dérange pas trop, j'ai bien une petite idée de la façon de le faire mais je préfère éviter de faire une bêtise étant donné que je n'arrive déjà pas à faire marcher le code que tu m'as donné en premier Merci encore de ta patience ! | | |
|
| |
Contenu sponsorisé
| |
| |
| dénomination des images... | |
|