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

Page 1 sur 2 1, 2  Suivant

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

Résolu Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Dim 11 Aoû 2013 - 19:18

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.


Dernière édition par supergogetass4 le Mer 21 Aoû 2013 - 17:38, édité 1 fois

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 0:12

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 1:10

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 15:19

Re,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 17:06

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 17:29

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

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.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 17:39

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 18:08

Re,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 18:18

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 18:28

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://illiweb.com/fa/optimisation_fdf/fr/bg_post_staff.png') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgDesigner td.row2 {
background-image: url('http://illiweb.com/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 */

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 20:04

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

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 20:11

Re,

Cela ne viens pas du CSS.

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 20:28

Pourriez vous nous remettre votre code javascript ?

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 20:43

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.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 21:04

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');
});

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 21:59

Re,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 22:09

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 13 Aoû 2013 - 23:03

Oui.

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mar 13 Aoû 2013 - 23:05

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é.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Jeu 15 Aoû 2013 - 15:01

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Ven 16 Aoû 2013 - 22:00

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Dim 18 Aoû 2013 - 14:00

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Lun 19 Aoû 2013 - 15:10

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mar 20 Aoû 2013 - 15:30

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mer 21 Aoû 2013 - 16:07

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mer 21 Aoû 2013 - 16:32

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mer 21 Aoû 2013 - 16:40

Re,

Merci Very Happy
Voici une partie de mon code, pouvez-vous me montrer un exemple comment faire car, je ne vois pas Confused.
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.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mer 21 Aoû 2013 - 16:52

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 !

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par supergogetass4 le Mer 21 Aoû 2013 - 16:59

Re,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur pour annonce, post-il, icône.

Message par Neptunia le Mer 21 Aoû 2013 - 17:01

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum