J'ai essayé justement le code, et il n'y a rien qui ne change :/

Voilà mon CSS :

Code:

/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

#page-body { padding-top: 20px; /* Espace entre la barre et les pubs */
}

.mainmenu img { display: none; }

a.mainmenu{
background: #ffffff;
color: #000000;
text-align: center;
width: 120%;
margin-bottom: 5px;
padding: 3px 10px 3px 10px;
text-transform: lowercase;
font-family: Arial;
font-size: 12px;
}
a.mainmenu:hover{
background: url("http://www.noelshack.com/up/aac/barre2-f0af846262.png");
color: #000000;
text-align: center;
width: 120%;
margin-bottom: 5px;
padding: 3px 10px 3px 10px;
text-transform: lowercase;
font-family: Arial;
text-decoration: none;
}

.cattitle{ /* Espace des liens de catÃÂgories */
margin-left: 15px;
}

a.forumlink {
font-variant: small-caps;
display:block;
text-align: center;
border-bottom: 4px solid #000000;
font-size:14px;
letter-spacing: 4px;
padding: 4px 0px 4px 0px;
 }

a.forumlink:hover{
font-variant: small-caps;
letter-spacing: 6px;
 }
.forumlink{
font-weight: bold;
font-variant: small-caps;
 }

body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}



.copyright{
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: -1px;
}

th {
font-variant : small-caps!important ;
}
.forumline{
border: 5px #303032
double;
}
.forumline{
background-color: #ffffff;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #303032 solid;
border-top: 1px #303032 dotted;
border-right: 1px #303032 dotted;
border-left: 1px #303032 dotted;}

.postbody{
    display: block;
    text-align:justify;
}i {letter-spacing: 3pt;
color: #000000;
font-style: normal;}
a { text-decoration: none; }
tr.post span.gensmall { display: none; }

.index1
{
background-color: #couleur;
padding: 4px;
}

img.floatleft
{
float:left;
margin: right;
padding: 10px;
display: block;
}

.complet{
border: 6px double #303032;
}
a.forumlink {
text-shadow: #303032 1px 1px 1px;
    }
a.forumlink:hover{
text-shadow: #303032 1px 1px 1px;
}
td.row1
{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
td.row2
{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
td.row3
{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
td.row3Right
{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
a.mainmenu{
  font-size: 11px;
  color: #548288;
  background-color:#29211f;
  text-decoration: none;
  -moz-border-radius-topleft: 11px;
  -moz-border-radius-topright: 11px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-top: 1px;
}

a.mainmenu:hover{
font-size: 11px;
color: #ffffff;
background-color:#7e6860;
text-decoration: none;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-top: 2px;
}

.vignettes
{-moz-border-radius:7px;
background-color: #DADADA;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
margin-top:10px;
}

input,textarea, select {
color : #CFCFCF;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #B8B8D7;
border-radius: 9px 9px;
-moz-border-radius: 9px;
}

textarea
{
color:#4F4949;
background-color: #FFFFFF;
border:1px dotted #000000;
}


.cadreava{
padding : 5px;
background-color:#DBD0D0;
-moz-border-radius:5px;
}
   
.cadrepro{
background-color:#DBD0D0;
-moz-border-radius:5px;
}

OMBRE

.post .name { font-size: 16px; font-family: Time News Roman; text-align: center; font-variant: small-caps; text-shadow: 1px 1px 1px #000000;}
.row3 a {
text-shadow: #000000 1px 1px 1px;
}

.name div span {
text-shadow: #000000 3px 2px 2px;
}

Soulignement

u {
border-bottom: 2px #CC9D6F dotted;
}

JUSTIFY

body {
text-align:justify;
}

MARGE MESSAGE

.postbody { display: block; padding-left: 30px; }


OPACITE

.opacity img {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

.opacity img:hover {
filter:alpha(opacity=50);
-moz-opacity:10.5;opacity: 0.;
}

Oulaaa ... tu parles des templates ? ^^

Haa Okay, non moi je veux que ce soit inversé

Est-ce que ce serait possible ?

Howard Wolowitz a écrit:

Salut ! On peut aussi embellir cet effet avec du jQuery. Il faut commencer par mettre sur chaque images où on veut qu'apparaisse cet effet une classe particulière; je vais l'appeler ici opacity. Ensuite il faut entrer ce code dans overall_header_new :

Code:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.opacity').each(function() {
   jQuery(this).fadeTo(0,0.5);
   jQuery(this).mouseenter(function(){jQuery(this).stop();jQuery(this).fadeTo('normal',1);});
   jQuery(this).mouseleave(function(){jQuery(this).stop();jQuery(this).fadeTo('normal',0.5);});
});
});
</script>

Ici, comme vous pouvez le voir, j'ai choisis de faire passer l'opacité de 0.5 à 1 mais vous pouvez évidemment changer ce paramètre en remplaçant “jQuery(this).fadeTo(0,0.5);” par “jQuery(this).fadeTo(0,X);” où X est l'opacité avant de passer le curseur et “{jQuery(this).stop();jQuery(this).fadeTo('normal',0.5);});” par “{jQuery(this).stop();jQuery(this).fadeTo('normal',X);});” où X est l'opacité lorsqu'on enlève le curseur de l'élément (il est conseillé de mettre la même opacité qu'avant de passer le curseur dessus. Pour finir, si vous ne souhaitez pas appeler votre classe “opacity”, il vous suffit de remplacer “jQuery('.opacity').each(function() {” par “jQuery('.X').each(function() {” où X est le nom de votre classe. Attention, pensez à ne pas enlever le point juste avant le nom de la classe !
Voilà, si vous avez un problème n'hésitez pas !

▌H. Wolowitz▐

Bien sûr !
Fais ce qui est indiqué dans ce message en remplaçant juste le code par celui-ci :

Code:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.opacity').each(function() {
   jQuery(this).fadeTo(0,1);
   jQuery(this).mouseenter(function(){jQuery(this).stop();jQuery(this).fadeTo('normal',0.5);});
   jQuery(this).mouseleave(function(){jQuery(this).stop();jQuery(this).fadeTo('normal',1);});
});
});
</script>

Code:

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

Code:

<img class="opacity" src="LIENIMAGE">

Code:

<div align="center"><a href="http://i28.tinypic.com/6zsbyf.png" target="_blank"><br></a><a class="infobulle"> <div class="opacity"><img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar11.png"></div><span><p><font size="2"><span style="font-weight: bold;">Nina</span><br>Fondatrice ~<br></font></p><div><font size="2"><a href="http://www.ryotopub.com/msg.forum?mode=post&u=1" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:nina.ryoto@free.fr">Envoyer un Mail ~</a><br></font></div></span></a> <font size="2"><a class="infobulle"> <div class="opacity"><img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar13.png"></div><span><p><span style="font-weight: bold;">Titivana</span><br>Fondatrice ~<br></p><div><a href="http://www.ryotopub.com/msg.forum?mode=post&u=13" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:titi.ryotopub@free.fr">Envoyer un Mail ~</a><br></div></span></a><a class="infobulle"> <div class="opacity"><img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar15.png"></div><span><p><span style="font-weight: bold;">Hαrιcoow</span><br>Chef Administrateur ~<br></p><div><a href="http://www.ryotopub.com/msg.forum?mode=post&u=332" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:haricoow.ryoto@free.fr">Envoyer un Mail ~</a><br></div></span></a></font>  <a class="infobulle"> <font size="2"><br></font><span></span></a></div>

Code:

<div align="center"><a href="http://i28.tinypic.com/6zsbyf.png" target="_blank"><br></a><a class="infobulle"> <img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar11.png" class="opacity"><span><p><font size="2"><span style="font-weight: bold;">Nina</span><br>Fondatrice ~<br></font></p><div><font size="2"><a href="http://www.ryotopub.com/msg.forum?mode=post&u=1" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:nina.ryoto@free.fr">Envoyer un Mail ~</a><br></font></div></span></a> <font size="2"><a class="infobulle"> <img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar13.png" class="opacity"><span><p><span style="font-weight: bold;">Titivana</span><br>Fondatrice ~<br></p><div><a href="http://www.ryotopub.com/msg.forum?mode=post&u=13" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:titi.ryotopub@free.fr">Envoyer un Mail ~</a><br></div></span></a><a class="infobulle"> <img src="http://i61.servimg.com/u/f61/11/01/00/53/avatar15.png" class="opacity"><span><p><span style="font-weight: bold;">Hαrιcoow</span><br>Chef Administrateur ~<br></p><div><a href="http://www.ryotopub.com/msg.forum?mode=post&u=332" target="_blank">Envoyez un Mp ~</a><br><a href="mailto:haricoow.ryoto@free.fr">Envoyer un Mail ~</a><br></div></span></a></font>  <a class="infobulle"> <font size="2"><br></font><span></span></a></div>

Il suffisait en fait de mettre le " class="opacity" " à l'interieur du ^^