Image Grisée

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

Résolu Image Grisée

Message par Invité le Dim 4 Mar 2012 - 12:01

Bonjours à tous Smile .
J'ai remarqué que sur mon forum en version phpbb2 toute les images (banderole , avatar ....) sont grisés (assombris) et que c'est uniquement lorsque l'on passe la souris dessus qu'elle reprenne leur couleur normal .
Y a t'il un moyen pour que ces images gardent en permanence leur couleur normal ?


Dernière édition par The Légendaire Safran le Lun 5 Mar 2012 - 12:56, édité 1 fois

Invité
Invité


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

Résolu Re: Image Grisée

Message par Matriochka le Dim 4 Mar 2012 - 14:00

Bonjour,

Peux-tu nous livrer ici ta feuille de styles CSS ? Tu la trouveras dans PA → Affichage → Couleurs → Feuille de styles CSS. Il doit y avoir un code qui fait ça et qu’il faut supprimer.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Image Grisée

Message par Invité le Dim 4 Mar 2012 - 18:48

Merci de votre réponse Very Happy
Je vous donne ma feuille de style Smile
Code:
#acordvert
{
width: 700px;
border-top-style: groove;
border-top-color: #CF3;
border-right-color: #CF3;
border-bottom-color: #CF3;
border-left-color: #CF3;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}
#info1
{
width: 700px;
height: 30px;
overflow: hidden;
background-color:#3C0;
border-bottom: 1px dashed #360;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info2
{
width: 700px;
height: 30px;
overflow: hidden;
background-color:#3C0;
border-bottom: 1px dashed #360;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info3
{
width: 700px;
height: 30px;
overflow: hidden;
background-color:#3C0;
border-bottom: 1px dashed #360;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info4
{
width: 700px;
height: 30px;
overflow: hidden;
background-color:#3C0;
border-bottom: 1px dashed #360;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#info1:hover, #info2:hover, #info3:hover, #info4:hover
{
height: 300px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}
.titre
{
display: block;
text-align: center;
width: 700px;
height: 30px;
font-size: 20px;
letter-spacing: 2px;
font-family: verdana;
font-weight: italic;
padding-top: 2px;
color:#300
}
.contenu
{
width: 90%;
margin: auto;
background-color: #CCC;
padding: 4px;
color: #300;
font-size: 14px;
text-align: justify;
border-top-style: groove;
border-top-color: #CF3;
border-right-color: #CF3;
border-bottom-color: #CF3;
border-left-color: #CF3;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}






.bodyline{ -moz-border-radius: 20px;}


textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

a {
font-variant: small-caps;
}




.bodyline {
-moz-border-radius:50px;
}

.forumline{
background-color: #9f9e93;
-moz-border-radius: 6px ;
border: 2px #80838c solid;
}


a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #CCCCCC;
border-bottom: 5px double #9f9e93;
color:f0f9ee;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}







td.row1{ background-image: url("http://img11.hostingpics.net/pics/575092fonddd.png");}
td.row2{ background-image: url("http://img11.hostingpics.net/pics/575092fonddd.png");}

td.row3{ background-image: url("http://img11.hostingpics.net/pics/575092fonddd.png");}
td.row4{ background-image: url("http://img11.hostingpics.net/pics/575092fonddd.png");}









/* SUPRIMER MARGE DU HAUT ET DU BAS */

.bodyline {
border-width : 8px;
border-color: #FFFFFF;
border-style: simple;
}
body{
margin-top: -10px;
margin-bottom: -10px;
}

.bodyline {
border-bottom: none;
}


.bodyline { background-image: url("http://img11.hostingpics.net/pics/575092fonddd.png"); }



a img {
padding:2px;
filter: alpha (opacity=80);
-moz-opacity: 0.80;
opacity: 0.80; }

a img:hover{
padding:2px;
filter: alpha (opacity=100);
-moz-opacity: 1.0;
opacity: 1.0; }



        .lock  {
          position: relative;
        }
        .lock .lock-hidden {
          /* center */
          display: none;
          position: absolute;
          padding-left : 5px;
          padding-right : 5px;
          padding-top  : 2px;
          padding-bottom : 2px;
            top: 35px;
            left: 0px;
          /* style du bloc qui apparait */
          border: 2px groove #305875;
          border-radius: 5px;
          background-image: url('http://i26.servimg.com/u/f26/11/66/17/91/fond10.png');
          -moz-border-radius: 1px;
          text-align: center;
            visibility: visible;
        width: 85px;
        height: 60px;
        }
        .lock:hover .lock-hidden {
          display: block;
        }










            .infobulle{
            position: relative;
            z-index: 0;}
       
            .infobulle:hover{
            background-color: transparent;
            z-index: 50;}
       
            .infobulle span{
            position: absolute;
            background-color: #c9c9cf;
            padding: 5px;
            left: -1000px;
            visibility: hidden;
            color: #c9c9cf;}
       
            .infobulle span img{
            border: 2px;
            padding: 5px;}
       
            .infobulle:hover span{
            visibility: visible;
            top: 70px;
            left: 35px;
            width: 200px ;
            color:#9999a0 }



        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }


  /********* Infobulle *********/

a.infobulle {
  position: relative;
    text-decoration:none;
  color:#CC5252;
  }

a.infobulle span {
  display: none; /*Masque l'infobulle*/
  }
a.infobulle:hover {
  background: none; /*Pour le "bug" d'internet explorer*/
  z-index: 999;
  }

a.infobulle:hover span {
  display: inline; /*Pour afficher l'infobulle au passage de la souris*/
  position: absolute;
  width:auto;
  text-align:center;

  white-space: nowrap; /*Pour éviter les retours à la ligne non désirés*/

  bottom: 25px; /*Position de l'infobulle*/
  right: 8px;

  /*background-color:#FF99CC;/*Couleur de fond*/
  background-image:url("http://school-of-pub.fr/images/fond_infobulle.png");
     
  color: black; /*Couleur du texte*/
  padding: 3px;


  /*Bordures de l'infobulle*/
  border: 1px double #000000;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-radius-bottomleft:5px;
  -webkit-border-radius-bottomright:5px;
  -webkit-border-radius-topleft:5px;
  -webkit-border-radius-topright:5px;
  }

/********* Les gagnants des concours *********/

#img_gagnant{
  text-align:center;
  border:0;
  height:150px;"
}

#gagnant_concours a{
  font-size:14px;
  font-variant:small-caps;
  color: #5c0731;
  font-weight:bold;
  margin-top: -4px;
  margin-bottom:-4px;
  }

#nom_concours{
  font-size:12px;
  font-style:italic;
  padding-left: 4px;
  padding-right: 4px;
  margin-top:-12px;
}
  .mon_onglet{  float: right;  padding: 2px 10px;  margin-right: 5px;  color: #000;  background: #ffffff;opacity:0.4;
 filter:alpha(opacity=56); /* For IE8 and earlier */
  border: 1px solid #000;  cursor: se-resize;  margin-bottom: -1px;  list-style: none;} .mon_onglet:hover{  background: #ffff;opacity:0.4;
 filter:alpha(opacity=56); /* For IE8 and earlier */}          .mon_onglet_selected{  float: right;  padding: 2px 10px;  margin-right: 5px;  color: #000;  background: #ffffff;opacity:0.4;
 filter:alpha(opacity=56); /* For IE8 and earlier */  border-top: 1px solid #000;  border-right: 1px solid #000;  border-left: 1px solid #000; border-bottom: 1px solid #ffffff;cursor: se-resize;  margin-bottom: -1px;  list-style: none;}            .clear{  clear: both;}.mon_contenu{  color: #000;  background: #ffffff; opacity:0.4;
 filter:alpha(opacity=56); /* For IE8 and earlier */  border: 1px solid #000;  padding: 10px;    line-height: normal;  font-size: 11px;cursor: se-resize;}#mes_contenus, #mes_onglets{  width: 800px;  margin: auto;}


  .name {
font-size: 17px;
text-align: center;
}
       


        .postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        border: 5px solid #FEFEFE;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }

table.case_stats{
  width:200px; /* largeur */
  height:140px; /* La hauteur */
  margin:auto; /* on centre */
  }

table.case_stats td.dernier_msg{
  background-image:url('http://i912.photobucket.com/albums/ac325/Miettes_SoP/Tutos/dernier_msg_01.png');
  background-position: center top;
  background-repeat:no-repeat;
  padding-left:50px;
  padding-right:60px; /* Je déclasse du bord droit de 60px à gauche de ma pate */
  padding-top:10px;
  height:75px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */
  }
table.case_stats td.stats_forum{
  background-image:url('http://i912.photobucket.com/albums/ac325/Miettes_SoP/Tutos/dernier_msg_02.png');
  background-position: center bottom;
  background-repeat:no-repeat;
  padding-left:4px;
  padding-right:4px;
  }

Invité
Invité


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

Résolu Re: Image Grisée

Message par Matriochka le Dim 4 Mar 2012 - 20:40

Voilà où ça cloche :
Code:
a img {
padding:2px;
filter: alpha (opacity=80);
-moz-opacity: 0.80;
opacity: 0.80; }

a img:hover{
padding:2px;
filter: alpha (opacity=100);
-moz-opacity: 1.0;
opacity: 1.0; }
Ici, on modifie l’opacité de toutes les images avec lien. Tu dois retirer ces lignes ^^

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Image Grisée

Message par Invité le Lun 5 Mar 2012 - 12:53

Merci beaucoup sa marche Very Happy
Je coche résolu et un merci Smile

Invité
Invité


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

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


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