dénomination des images... Bouton_activedénomination des images... Bouton_hoverdénomination des images... Fb-hoverdénomination des images... Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
dénomination des images... EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
dénomination des images... EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
dénomination des images... EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
dénomination des images... EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
dénomination des images... EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
dénomination des images... EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
dénomination des images... EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
dénomination des images... EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

Partagez
 

dénomination des images...

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 Smile
(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 ! dénomination des images... 3451650135

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 dénomination des images... 2077966078
(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ù Wink

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 I love you
MessageSujet: dénomination des images...   dénomination des images... EmptyVen 25 Jan 2013, 10:08
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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.
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyVen 25 Jan 2013, 13:52
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Merci de ta réponse Smile


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 Wink
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 dénomination des images... 3451650135

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 Sad

Merci encore Smile
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyVen 25 Jan 2013, 14:09
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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*/

         }
      }
   }

}
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyVen 25 Jan 2013, 19:41
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



dénomination des images... Empty
*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 !*
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 04:44
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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 =).
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 06:38
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Merci infiniment pour ta réponse Chinelle ! I love you
Je l'essayerai cet après-midi et je te tiens au courant du résultat !
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 06:49
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 ? dénomination des images... 3933776953


(ah zut je ne peux pas effacer mon message au dessus, désolée pour le double post du coup dénomination des images... 1779901633 )
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 11:39
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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.
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 14:41
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 Smile
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 Smile
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 26 Jan 2013, 17:47
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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*/
         
         
         }
      }
   }
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 07:45
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Merci pour ta réponse et désolée de t'avoir induit en erreur ! I love you dénomination des images... 1779901633

Alors ton système a l'air génial et je pense avoir compris tes explications mais... ça ne marche pas dénomination des images... 3451650135
-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 Sad

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 Sad
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 09:41
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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*/
             }
           }
        }
      }
  }
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 11:36
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Merci pour ta réponse rapide !

Malheureusement je viens d'essayer et... pas de changement Sad
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 cheers
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 13:22
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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.
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 17:15
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 Sad

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 Sad

(je précise que j'ai vidé le cache et les cookies plusieurs fois)
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 28 Jan 2013, 18:01
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



dénomination des images... Empty
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 dénomination des images... 926145
MessageSujet: Re: dénomination des images...   dénomination des images... EmptySam 02 Fév 2013, 19:16
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Malheureusement oui, le problème n'a pas été réglé comme je l'ai dit dans mon message précédent Sad
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyDim 03 Fév 2013, 10:45
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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 ?
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 04 Fév 2013, 08:13
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 !
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 04 Fév 2013, 20:16
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



dénomination des images... Empty
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 dénomination des images... 926145
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyDim 10 Fév 2013, 15:20
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
Oui il est toujours d'actualité ! dénomination des images... 3451650135
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 11 Fév 2013, 06:25
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



dénomination des images... Empty
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.
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyLun 11 Fév 2013, 16:57
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



dénomination des images... Empty
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 Smile
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyMar 12 Fév 2013, 05:48
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



dénomination des images... Empty
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 dénomination des images... 3451650135


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 dénomination des images... 1920415962


Merci encore de ta patience !
MessageSujet: Re: dénomination des images...   dénomination des images... EmptyMar 12 Fév 2013, 06:54
Revenir en haut Aller en bas
Contenu sponsorisé




dénomination des images... Empty
MessageSujet: Re: dénomination des images...   dénomination des images... Empty
Revenir en haut Aller en bas
 

dénomination des images...

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» images catégories
» Retirer les images en bas
» Coller les images
» Ombre sur les images ?
» Images Collées

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit