Couleur pour annonce, post-il, icône.

[supergogetass4]

Bonsoir,

J'ai suivi ce tuto

Code Css :

Code:

       tr.annonce td {background-color:#A5A5A5!important;} /* Modifie la couleur de fond des annonces */
        tr.Note td {background-color:#COLOR!important;} /* Modifie la couleur de fond des Note */
        tr.accepte td {background-color:#00FF00!important;} /* Modifie la couleur de fond des accepté */
        tr.refuse td {background-color:#FF0000!important;} /* Modifie la couleur de fond des refusé */
        tr.encours td {background-color:#F8B752!important;} /* Modifie la couleur de fond des en cous */

Code Java :

Code:

$(function() {
        /* Ajoute une class à la cellule des annonces */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370602272-1122549186.gif"]').closest('tr').addClass('annonce');
        /* Ajoute une class à la cellule des Note*/
        $('img[src="http://i36.servimg.com/u/f36/17/76/14/03/i_fold13.png"]').closest('tr').addClass('Note');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône Accepté */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370621185-sans-titre-2.png"]').closest('tr').addClass('accepte');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône Refusé */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370620737-2.png"]').closest('tr').addClass('refuse');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône En cours */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370620289-1.png"]').closest('tr').addClass('encours');
        });

Il y a un problème avec le fond (nouveau message, annonce, ..., ça me mets de la couleur de l'annonce.

Cordialement.

[supergogetass4]

Up.

[Neptunia]

Bonsoir !

C'est exactement ce pour quoi le tutoriel a été conçu. Colorer le fond de certains sujets sur l'index des sous-forums.

Je ne saisis pas où est le problème.

[supergogetass4]

Re,

http://www.noelshack.com/2013-33-1376399947-sans-titre-1.png

Cordialement.

[Neptunia]

Pour commencer votre css contient une erreur

tr.Note td {background-color:#COLOR!important;} /* Modifie la couleur de fond des Note */

Il faut remplacer #color par un code couleur valide.
Cependant je n'ai pas réussi à reproduire votre souci.

[supergogetass4]

C'était modifié, j'avais oublié d'éditer .

Code:

       tr.annonce td {background-color:#A5A5A5!important;} /* Modifie la couleur de fond des annonces */
        tr.Note td {background-color:#ED8221!important;} /* Modifie la couleur de fond des Note */
        tr.accepte td {background-color:#00FF00!important;} /* Modifie la couleur de fond des accepté */
        tr.refuse td {background-color:#FF0000!important;} /* Modifie la couleur de fond des refusé */
        tr.encours td {background-color:#F8B752!important;} /* Modifie la couleur de fond des en cous */


Cordialement.

[Neptunia]

PA > Affichage > Templates/Général

Que se passe t'il si vous forcez les templates par défaut ?
Si cela résoud le problème, il nous faudra le contenu de votre viewforum_body

Edit 17h53 : Modification du nom du template a fournir

[supergogetass4]

Re,

1°) Non.
2°)Je n'ai faits aucune modifications du template viewforum_body.

Cordialement.

[Neptunia]

Pourriez vous nous copier/coller le contenu de votre feuille CSS ?

[supergogetass4]

Code:

.haut
{
position:fixed;
margin-top:20%;
}
.bas
{
position:fixed;
margin-top:30%;
}

@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 16px;   
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Dark */
.accordion {
    border: 9px solid #353535;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #030303;
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
    background: #353535;
    background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
    background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
    background: linear-gradient(left,  #353535 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.accordion .slide > h2.selected b {
    background: #383838;
    background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
}
.accordion .slide > div { background-image: url(http://www.jepic.org/wp-content/uploads/2012/12/apocalypse.jpg); margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }

.navig {
position: fixed;
top: 30px;
width: 52%;
left: 24%
background-color: #736947;
border: 1px solid #dedede;
z-index: 999;
a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 11px;
}}

      .infobulle{
        position: relative;
        z-index: 0;}
       
      .infobulle:hover{
        background-color: transparent;
        z-index: 50;}
       
      .infobulle span{
        position: absolute;
        background-color: #000000;
        padding: 5px;
        left: -1000px;
        visibility: hidden;
        color: #FFFFFF;}
       
      .infobulle span img{
        border: 2px;
        padding: 5px;}
       
      .infobulle:hover span{
        visibility: visible;
        top: 70px;
        left: 35px;
        width: 200px ;
        color:#FF9900;
        border: 2px solid #FF0000;}
.infobulle a {
    text-decoration: none;
}

.bgAdministrateur td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465266-a30000.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgAdministrateur td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465266-a30000.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgFossoyeur td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465270-f58105.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgFossoyeur td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465270-f58105.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgModo td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375464745-1f1f1f.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgModo td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375464745-1f1f1f.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgDesigner td.row1 {
background-image: url('http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgDesigner td.row2 {
background-image: url('http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgMembre 2 td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465234-1828db.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgMembre 2 td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465234-1828db.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgMembre td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465236-35ba1a.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgMembre td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465236-35ba1a.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgApprentis td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465262-75008c.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgApprentis td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465262-75008c.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgGuerriers td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465278-ffffff.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgGuerriers td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465278-ffffff.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

.bgstaff td.row1 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465259-e8dd0e.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgstaff td.row2 {
background-image: url('http://image.noelshack.com/fichiers/2013/31/1375465259-e8dd0e.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}

#chatbox_header .catBottom .cattitle {
color:white;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Chatbox des Guerriers de l'Apocalypse."; }
#chatbox_header .cattitle { background-image:url(); }
#chatbox_header .cattitle strong { visibility: hidden; }

#chatbox_header .catBottom .cattitle {
    color: orange;
}

        td.cat {
          text-align: center;
        }

       
        div.post_profile {
            background: none repeat scroll 0 0 #8B6C42;
            border: 1px solid #000000;
            padding: 3px;
            width: 230px;
        }

        .cadre1 {
        border-radius: 15px;
        border: solid #AAAAAA;
        font-size: 11px;
        font-family: Arial;
        }

        img {
        -moz-transition-duration:1s;
        -moz-transition-timing-function:linear;
        -webkit-transition-duration:1s;
        -webkit-transition-timing-function:linear;
        transition-duration:1s;/*définie le temps de la transition*/
        transition-timing-function:linear;/*définie le style de transition*/
        }
        img:hover {
        -moz-transform:rotate(15deg);
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg);/*définie la transformation(pour ici 360° de rotation)*/
        }

        P.chatbox_row_1.clearfix a{
        text-decoration: underline;
        color:#2A20B3;}/*couleur et décoration des liens*/
        P.chatbox_row_1.clearfix a:visited{
        text-decoration: underline;
        color:#2A20B3;}/*couleur et décoration des liens visités*/
        P.chatbox_row_1.clearfix a:hover{
        text-decoration: underline;
        color:#FFF;}/*couleur et décoration des liens au passage de la souris*/
        P.chatbox_row_2.clearfix a{
        text-decoration: underline;
        color:#2A20B3;}/*couleur et décoration des liens*/
        P.chatbox_row_2.clearfix a:visited{
        text-decoration: underline;
        color:#2A20B3;}/*couleur et décoration des liens visités*/
        P.chatbox_row_2.clearfix a:hover{
        text-decoration: underline;
        color:#FFF;}/*couleur et décoration des liens au passage de la souris*/

        .fa_avatar {
          width: 100px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

        .post_profile{
        border-radius: 5px;}

        .vphpbb3{
        background: none repeat scroll 0 0 #736947;
        }

        .vphpbb3title{
        font-size: 1.0em;
        }
       
        p.author {
          background: none repeat scroll 0 0 #8B6C42;
          border: 1px solid #000000;
          border-radius: 0 6px 6px 0;
          color: #232323;
          margin-top: 7px;
          padding-left: 3px;
          padding-top: 3px;
          position: relative;
          width: 275px;
        }

        .forumline {
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          -border-radius: 8px;
          -khtml-border-radius: 8px;
          border-radius: 8px;
          overflow: hidden;
        }

        tr.separation,tr.separation td{height:20px;background:none}

.vphpbb3border{
border: 2px solid #363535;
        border-radius: 5px 5px 5px 5px;
}

        .rang_toolbar img {
        width: 100;
        height: 25;
        }

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 40px;
          height: 40px;
        }

        #av_quickreply img{
          position: relative;
          top: 35px;
          left: 15px;
        }
       
        #av_quickreply {
          float: left;
        }

        tr.annonce td {background-color:#A5A5A5!important;} /* Modifie la couleur de fond des annonces */
        tr.Note td {background-color:#ED8221!important;} /* Modifie la couleur de fond des Note */
        tr.accepte td {background-color:#00FF00!important;} /* Modifie la couleur de fond des accepté */
        tr.refuse td {background-color:#FF0000!important;} /* Modifie la couleur de fond des refusé */
        tr.encours td {background-color:#F8B752!important;} /* Modifie la couleur de fond des en cous */

        /* Début - Styles pour la colorisation des codes */       
        .str { color: #080; }
        .kwd { color: #008; }
        .com { color: #800; }
        .typ { color: #606; }
        .lit { color: #066; }
        .pun { color: #660; }
        .pln { color: #000; }
        .tag { color: #008; }
        .atn { color: #606; }
        .atv { color: #080; }
        .dec { color: #606; }
        pre.prettyprint { padding: 2px; }
        ol.linenums { margin-top: 0; margin-bottom: 0 }
        li.L0,
        li.L1,
        li.L2,
        li.L3,
        li.L5,
        li.L6,
        li.L7,
        li.L8 { list-style-type: none }
        li.L1,
        li.L3,
        li.L5,
        li.L7,
        li.L9 { background: #eee }
        @media print {
          .str { color: #060; }
          .kwd { color: #006; font-weight: bold; }
          .com { color: #600; font-style: italic; }
          .typ { color: #404; font-weight: bold; }
          .lit { color: #044; }
          .pun { color: #440; }
          .pln { color: #000; }
          .tag { color: #006; font-weight: bold; }
          .atn { color: #404; }
          .atv { color: #060; }
        }       
        /* Fin - Styles pour la colorisation des codes */

[Neptunia]

Je n'arrive toujours pas à reproduire le souci.
Je vais donc passer la main

Commencez toutefois par virer tout le contenu de votre css à l'exception de ce qui est prévu au tutoriel.

Si ça résoud le souci, on saura de façon certaine que le problème vient d'un élément de votre css actuel. Sinon il faudra chercher ailleurs.

[supergogetass4]

Re,

Cela ne viens pas du CSS.

Cordialement.

[Neptunia]

Pourriez vous nous remettre votre code javascript ?

Je pense que celui figurant dans le premier post n'est pas celui de votre forum.

[supergogetass4]

Code:

$(function() {
        /* Ajoute une class à la cellule des annonces */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370602272-1122549186.gif"]').closest('tr').addClass('annonce');
        /* Ajoute une class à la cellule des Note*/
        $('img[src="http://i36.servimg.com/u/f36/17/76/14/03/i_fold13.png"]').closest('tr').addClass('Note');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône Accepté */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370621185-sans-titre-2.png"]').closest('tr').addClass('accepte');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône Refusé */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370620737-2.png"]').closest('tr').addClass('refuse');
        });
        $(function() {
        /* Ajoute une class aux sujets portant l’icône En cours */
        $('img[src="http://image.noelshack.com/fichiers/2013/23/1370620289-1.png"]').closest('tr').addClass('encours');
        });

Cordialement.

[Neptunia]

Faites un premier test avec ce code

Code:

$(function() {
/* Ajoute une class à la cellule des annonces */
$('img[src="http://image.noelshack.com/fichiers/2013/23/1370602272-1122549186.gif"]').closest('tr').addClass('annonce');
/* Ajoute une class à la cellule des Note*/
$('img[src="http://i36.servimg.com/u/f36/17/76/14/03/i_fold13.png"]').closest('tr').addClass('Note');
/* Ajoute une class aux sujets portant l’icône Accepté */
$('img[src="http://image.noelshack.com/fichiers/2013/23/1370621185-sans-titre-2.png"]').closest('tr').addClass('accepte');
/* Ajoute une class aux sujets portant l’icône Refusé */
$('img[src="http://image.noelshack.com/fichiers/2013/23/1370620737-2.png"]').closest('tr').addClass('refuse');
/* Ajoute une class aux sujets portant l’icône En cours */
$('img[src="http://image.noelshack.com/fichiers/2013/23/1370620289-1.png"]').closest('tr').addClass('encours');
});

Puis avec ce code si le premier ne corrige rien.

Code:

$(function() {
/* Ajoute une class à la cellule des annonces */
$('img[src="http://image.noelshack.com/fichiers/2013/23/1370602272-1122549186.gif"]').closest('tr').addClass('annonce');
});

[supergogetass4]

Re,

Pour le premier code, rien de change, pour le 2ème, tout disparait.

Cordialement.

[Neptunia]

Tout ? Y compris la mise en couleur des lignes d'annonce ?

[supergogetass4]

Oui.

Cordialement.

[Neptunia]

Bah cette fois je passe la main, suis à court d'idées et le dernier test fournit un résultat que je n'avais pas envisagé.

[supergogetass4]

Up.

[supergogetass4]

Up.

[supergogetass4]

Up.

[supergogetass4]

Up.

[supergogetass4]

Up.

[supergogetass4]

Up.

[Neptunia]

J'ai trouvé d'où vient le souci !

C'est le fonctionnement normal du script de rajouter une class au tr le plus proche.
Hors sous PhpBB2 le template viewforum_body contient ceci

Code:

<td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
               </td>

Pour afficher la légende.
Qui dit <td> dit forcément un <tr> conteneur.
Moi qui testait en PunBB n'avait pas ce souci vu que la légende n'est pas sous forme de table mais sous forme de liste.

Donc il vous faut travailler votre viewforum_body soit en inscrivant en dur l'adresse des images posant souci hébergées ailleurs (c'est le nom de l'image qui déclenche le script) soit en passant par autre chose qu'une table pour formatter votre légende.

[supergogetass4]

Re,

Merci
Voici une partie de mon code, pouvez-vous me montrer un exemple comment faire car, je ne vois pas .

Code:

   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
               <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
               </td>
               <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
               </td>
               <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_legend -->

Cordialement.

[Neptunia]

Théoriquement si vous remplaciez la section citée par

Code:

<!-- BEGIN switch_legend -->
<ul class="pun-legend">
   <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
   <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
   <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
   <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> {L_FOLDER_HOT_IMG}</li>
   <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
</ul>
<ul class="pun-legend">
   <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
   <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
   <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" /> {L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul>
<!-- END switch_legend -->

(qui est le code par défaut de PunBB)
Cela devrait régler le souci.

Autre approche remplacer les variables {FOLDER_STICKY_IMG} et {FOLDER_ANNOUNCE_IMG} par leur adresse en dur ( http://urldemonimage.jpg )
Si vous préférez cette méthode il vous faudra réhéberger vos images pour obtenir une nouvelle url qui ne sera utilisé que dans le template et non sur le panneau admin !

[supergogetass4]

Re,

J'ai utilisé la première méthode car le lien de la 2ème ne fonctionne pas. ça a empirer .

Cordialement.

[Neptunia]

Bah la deuxieme j'ai pas mis de lien.

Fallait remplacer liendemonimage.jpg par le lien de VOTRE image une fois réhébergé.

Quant à la solution que vous avez retenue, vous remarquerez qu'elle utilise des class CSS différentes de votre ancien code.