Sujets similaires

Dernière édition par Gorgeousmali le Dim 14 Mar 2010, 16:30, édité 1 fois

Bonjouuur !

Voici mon forum ;
http://desperatedsouls.forumactif.org/index.htm

J'ai installé le règlage d'opacité de dynamic drive, que l'on appelle communément le gradual fader!
Sauf qu'en l'appliquant je n'ai pas pu mettre " le contour blanc " que j'avais auparavant et arrondi.

LE CODE DE LA PA relookée.

Code:: <div class="opacity"><DIV id=navigation><img src="http://i46.tinypic.com/255l4jc.png"class="gradualfader">
<br/>

<a href="http://best-rpg.forumpro.fr" target="_blank"><img src="http://i39.tinypic.com/2mex2d5.png" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs"></a>

</br>

<a class=gradualfader><UL>
<LI><A href="http://desperatedsouls.forumactif.org/rules-f3/reglement-a-lire-attentivement-t2.htm">règlements</A>
<LI><A href="http://desperatedsouls.forumactif.org/synopsis-f4/les-differents-groupes-du-forum-t6.htm">guide des races</A>
<LI><A href="http://desperatedsouls.forumactif.org/our-damned-souls-f6/">personnages prédéfinis</A>
<LI><A href="http://desperatedsouls.forumactif.org/we-do-have-a-story-f16/">présentation</A>
<LI><A href="http://desperatedsouls.forumactif.org/we-do-have-a-story-f16/botin-des-avatars-t8.htm">avatars</A></LI></UL></DIV></a>

<table width="80%">
<tr>
<td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">Contexte
</td><td style="border-bottom:4px solid #A37A6F; padding:7px 23px; text-transform:uppercase;">Nouveautés & MAJ</td><td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">They Miss us</td>
</tr>
<tr>
<BR/>
<td align="justify"rowspan="2"><BR/>

<BR/>Près de deux ans après les évènements passés, la Terre n'était plus ce qu'elle était, le trois quart de la population avait cédé leur esprit à une âme inconnue et une grande guerre avait éclaté. Beaucoup de sang avait coulé, beaucoup de vie avait été sacrifié. Alors que tous rêvaient de trouver une bonne cachette pour survivre, d'autres avaient décidé de se présenter au grand jour. Des créatures que tous pensaient irréelles firent leur apparition, et certaines se lièrent même à l'ennemi. Loup-garou et vampire semblaient avoir choisi le mauvais moment pour sortir de leur tanière. Mais si seulement ce n'était que ça..
<br><center><a href="http://desperatedsouls.forumactif.org/synopsis-f4/the-history-t5.htm""><font size="1">cliquez ici pour en savoir davantage</font>
</td><td width="45%"> <DIV ALIGN= "CENTER"><img src="http://i50.tinypic.com/24erukm.png"class="gradualfader"/><br/>▬ Version 02 Breath taking<br/>

▬ Ouverture le 12/02/10. Oui en même temps que les JO o_o<br/>

▬ Pour toutes réservations d'avatar, contacter un admin par mp</br></CENTER></td><td width="35%"><center><a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/2lxujup.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">ZORA JONES</font><br/><img src="http://img64.imageshack.us/img64/373/clemencee.gif"/><BR>
<font size="1">SORCIÈRE</font><br><a href="http://desperatedsouls.forumactif.org/wizards-f9/we-re-humans-too-so-we-fight-too-t19.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a> <a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/qr0v0m.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">EDWARD J. CALLIGHAN</font><br/><img src="http://i50.tinypic.com/vpcgmw.gif"/><BR>
<font size="1">WEREWOLF</font><br><a href="http://desperatedsouls.forumactif.org/werewolves-f12/we-just-love-who-whe-are-t26.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a><br><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/oaqhdj.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">SELENE C. BURNTWOOD</font><br/><img src="http://img4.hostingpics.net/pics/878053Gif_final.gif"/><BR>
<font size="1">VAMPIRE CARNIVORE</font><br><a href="http://desperatedsouls.forumactif.org/vampires-f8/we-re-bad-ass-and-we-love-it-t15.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a> <a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/ae0gg0.png" class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">TRISTAN PARKER</font><br/><img src="http://img254.imageshack.us/img254/1420/ulu.gif"/><BR>
<font size="1">VAMPIRE VÉGÉTARIEN</font><br><a href="http://desperatedsouls.forumactif.org/vampires-f8/we-re-gentle-not-bad-t17.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a>
</center></td><br>
</tr>
<tr>
<td style="border-bottom:4px solid #A37A6F; padding:7px 23px; text-transform:uppercase;">Top affiliates & référencement</td><td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">The Dream Team</td>
</tr>
<tr><td></td><td><center><form><select style="width: 151px" onchange="window.open(this.options[this.selectedIndex].value)">
<option selected="selected">
NOS TOPS PARTENAIRES
</option>
<option value="http://bazzart.forumotion.com/" target="_blank">
BAZZART
</option>
<option value="http://rocknroll-b.forum-actif.net/forum.htm" target="_blank">
ROCK'N'ROLL
</option>
<option value="http://appleships.jeun.fr/forum.htm" target="_blank">
APPLESHIPS
</option>
</select>
</form>
<br/>
<a href="http://desperatedsouls.forumactif.org/partenariat-ouvert-aux-invites-f88/nos-preferes-t28.htm#148">Voir nos autres amis ?</A><br/>
<a href="http://desperatedsouls.forumactif.org/partenariat-ouvert-aux-invites-f88/faire-une-demande-de-partenariat-avec-nous-t27.htm">Devenir notre meilleur ami?</a><BR/>

</td><td><center><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/2egbhxu.png"class="gradualfader"/></font><span><table width="200" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L I S A J. B R O W N</font><br/><img src="http://img216.imageshack.us/img216/8783/agreene3.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=5" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/20fvtdc.png/"class="gradualfader"></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">I R I S J. M A R S H A L L</font><br/><img src="http://s5.tinypic.com/108bacm_th.jpg"/class="gradualfader"><BR>
<font size="1">CO-FONDATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=2" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/2q8pl48.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L I A M C. M A N C H E S T E R</font><br/><img src="http://i393.photobucket.com/albums/pp14/perfect-tragedy/robertpatt_1.gif"/><BR>
<font size="1">FONDATEUR</font><br><a href="http://desperatedsouls.forumactif.org/profile.forum?mode=viewprofile&u=4" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/2dcem54.png"class="gradualfader"></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L È N H E M I N G W A Y</font><br/><img src="http://i27.tinypic.com/v42zqu.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=10" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><br><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/2ikb1c2.jpg"class="gradualfader"></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L E X I S J . W A R R EN</font><br/><img src="http://i40.tinypic.com/2vi4hmq.jpg"class="gradualfader"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/profile.forum?mode=viewprofile&u=9" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/281d7it.png"class="gradualfader"></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">R U T H S. W O O D S T O N E</font><br/><img src="http://i43.tinypic.com/10iawx4.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=10" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i50.tinypic.com/ajw6t1.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">E. J A E L Y N V E N S K A</font><br/><img src="http://moe.mabul.org/up/moe/2009/12/12/img-181153kjsiy.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=11" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a></center>
</tr></table>

Comme vous pouvez le voir, mes " icones" de staff et de postes vacants n'ont plus de bordures arrondies blanches et ça me manque SI SI ...

Code:: body {
background-image: url("http://i48.tinypic.com/a9l46c.png");
background-color: #160202;
background-attachment: scroll;
background-repeat: no-repeat;
}

.code{-moz-border-radius:5px;}

.quote{-moz-border-radius:5px;}

a { text-decoration: none !important; }

.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
}

.forumline{
border-width: 1px 1px 1px 1px;
border-style: dotted;}

tr.post span.gensmall { display: none; }

a.mainmenu{
font-size: 11px;
color: #FFFFFF;
background-color:#1c1210;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 1px;
}

a.mainmenu:hover{
font-size: 11px;
color: #868888;
background-color:#1c1210;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

.forumline{
-moz-border-radius:6px;
}

.vignettes
{-moz-border-radius:7px;
background-color: #1f1414;
padding-right:8px;
padding-left:8px;
padding-bottom: 2px;
padding-top:2px;
background-position: center
text-align: center}

.postdetails.poster-profile a img { width: 200px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border: 6px solid #201a18;
}

a.imginfo {
border-bottom:0 solid #65534c;
color:#5B4E45;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#1f1414 none repeat scroll 0 0;
border-color:#65534c;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

.titrefiche {
background-color: #1f1414;
color: #5B4E45;
font-size: 20px;
text-align: center;
}

.question {
font-weight: bold;
border-bottom: 1px solid #29211f;
}

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

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

a img{
opacity: 0.5;
}

a img:hover {
opacity: 1;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #2b2321; /* arrière-plan de l'infobulle */

color: #5d504c; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted #29211f;
border-left: 1px dotted #29211f;
}

#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 20px 0 0;
}
#navigation li a {
padding: 4px 9px 4px 9px;
font-size: 14px;
color: #868888;
background-color:#1c1210;
text-decoration: none;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
#navigation li a:hover{
padding: 4px 9px 4px 9px;
font-size: 14px;
color: #FFFFFF;
background-color:#1c1210;
text-decoration: none;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}

.ombre{
text-shadow: #000000 1px 1px 1px;
}

.titres {
background-color: #160202;
color: #5d504c;
}

img.pa {
-moz-border-radius:4px;
background-color:#ffffff;
border:2px solid #000000;
margin:0;
padding:2px;}

a, a:link, a:hover, a:visited, a:focus, a:active {
text-shadow: #000000 1px 1px 1px;}

Ombre {
text-shadow: #000000 1px 1px 1px;}

.profilentour {
text-align:center;
padding:7px;
background-color:#1a1111;
-moz-border-radius:10px;
border: 2px solid #160202;
}

.name {
text-align: center;
text-transform: uppercase;
}

/* QEEL */
.background{
background-image: url("http://i49.tinypic.com/2ptoro2.png");
background-repeat: no-repeat;
}

.partgroup{
padding-top:75px;
text-align:center;
}

.groupes{
background-color:#1c1210;
border: 1px #352b28; solid;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-topright:20px;
height:30px;
padding-right:10px;
padding-left:12px;
padding-bottom:3px;
font-size:12px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

.cadredroit{
-moz-border-radius:10px;
}
.cadregauche{
-moz-border-radius:10px;
border-right: 3px solid #352b28;
}

J'aimerais avoir les bordures qui changent au passage de la souris, avec espacements entre les icones et converser mon javascript tout à la fois.
Comme sur ce forum en fait.
http://www.providence-people.com/index.htm

ET TANT QU'À Y ÊTRE.
Comment fait-on l'effet de gradual fader sur les différents lien de la pa? j'ai tenté mais ça n'a pas fonctionné.

Merci d'avance à celui ou celle qui me répondra

Un petit up? J'suis sûre que vous pouvez m'aider I love you

Les ups sont strictements interdits Wink

Par contre je n'ai aucune idée de la solution à tes problèmes~

Et si tu essaies ça ?

Code:: <div class="opacity"><DIV id=navigation><img src="http://i46.tinypic.com/255l4jc.png"class="gradualfader">
<br/>

<a href="http://best-rpg.forumpro.fr" target="_blank"><img src="http://i39.tinypic.com/2mex2d5.png" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs"></a>

</br>

<a class=gradualfader><UL>
<LI><A href="http://desperatedsouls.forumactif.org/rules-f3/reglement-a-lire-attentivement-t2.htm">règlements</A>
<LI><A href="http://desperatedsouls.forumactif.org/synopsis-f4/les-differents-groupes-du-forum-t6.htm">guide des races</A>
<LI><A href="http://desperatedsouls.forumactif.org/our-damned-souls-f6/">personnages prédéfinis</A>
<LI><A href="http://desperatedsouls.forumactif.org/we-do-have-a-story-f16/">présentation</A>
<LI><A href="http://desperatedsouls.forumactif.org/we-do-have-a-story-f16/botin-des-avatars-t8.htm">avatars</A></LI></UL></DIV></a>

<table width="80%">
<tr>
<td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">Contexte
</td><td style="border-bottom:4px solid #A37A6F; padding:7px 23px; text-transform:uppercase;">Nouveautés & MAJ</td><td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">They Miss us</td>
</tr>
<tr>
<BR/>
<td align="justify"rowspan="2"><BR/>

<BR/>Près de deux ans après les évènements passés, la Terre n'était plus ce qu'elle était, le trois quart de la population avait cédé leur esprit à une âme inconnue et une grande guerre avait éclaté. Beaucoup de sang avait coulé, beaucoup de vie avait été sacrifié. Alors que tous rêvaient de trouver une bonne cachette pour survivre, d'autres avaient décidé de se présenter au grand jour. Des créatures que tous pensaient irréelles firent leur apparition, et certaines se lièrent même à l'ennemi. Loup-garou et vampire semblaient avoir choisi le mauvais moment pour sortir de leur tanière. Mais si seulement ce n'était que ça..
<br><center><a href="http://desperatedsouls.forumactif.org/synopsis-f4/the-history-t5.htm""><font size="1">cliquez ici pour en savoir davantage</font>
</td><td width="45%"> <DIV ALIGN= "CENTER"><img src="http://i50.tinypic.com/24erukm.png" class="gradualfader"/><br/>▬ Version 02 Breath taking<br/>

▬ Ouverture le 12/02/10. Oui en même temps que les JO o_o<br/>

▬ Pour toutes réservations d'avatar, contacter un admin par mp</br></CENTER></td>

<td width="35%"><center><a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/2lxujup.png" class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">ZORA JONES</font><br/><img src="http://img64.imageshack.us/img64/373/clemencee.gif"/><BR>
<font size="1">SORCIÈRE</font><br><a href="http://desperatedsouls.forumactif.org/wizards-f9/we-re-humans-too-so-we-fight-too-t19.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a> <a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/qr0v0m.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">EDWARD J. CALLIGHAN</font><br/><img src="http://i50.tinypic.com/vpcgmw.gif"/><BR>
<font size="1">WEREWOLF</font><br><a href="http://desperatedsouls.forumactif.org/werewolves-f12/we-just-love-who-whe-are-t26.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a><br><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/oaqhdj.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">SELENE C. BURNTWOOD</font><br/><img src="http://img4.hostingpics.net/pics/878053Gif_final.gif"/><BR>
<font size="1">VAMPIRE CARNIVORE</font><br><a href="http://desperatedsouls.forumactif.org/vampires-f8/we-re-bad-ass-and-we-love-it-t15.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a> <a class="infobulle"><font color="burlywood"><img src="http://i49.tinypic.com/ae0gg0.png" class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">TRISTAN PARKER</font><br/><img src="http://img254.imageshack.us/img254/1420/ulu.gif"/><BR>
<font size="1">VAMPIRE VÉGÉTARIEN</font><br><a href="http://desperatedsouls.forumactif.org/vampires-f8/we-re-gentle-not-bad-t17.htm" target="_blank"><font size="1">Voir?</font></td></tr></tbody></table></span></a>
</center></td><br>
</tr>
<tr>
<td style="border-bottom:4px solid #A37A6F; padding:7px 23px; text-transform:uppercase;">Top affiliates & référencement</td><td style="border-bottom:4px solid #d4d4d4; padding:7px 23px; text-transform:uppercase;">The Dream Team</td>
</tr>
<tr><td></td><td><center><form><select style="width: 151px" onchange="window.open(this.options[this.selectedIndex].value)">
<option selected="selected">
NOS TOPS PARTENAIRES
</option>
<option value="http://bazzart.forumotion.com/" target="_blank">
BAZZART
</option>
<option value="http://rocknroll-b.forum-actif.net/forum.htm" target="_blank">
ROCK'N'ROLL
</option>
<option value="http://appleships.jeun.fr/forum.htm" target="_blank">
APPLESHIPS
</option>
</select>
</form>
<br/>
<a href="http://desperatedsouls.forumactif.org/partenariat-ouvert-aux-invites-f88/nos-preferes-t28.htm#148">Voir nos autres amis ?</A><br/>
<a href="http://desperatedsouls.forumactif.org/partenariat-ouvert-aux-invites-f88/faire-une-demande-de-partenariat-avec-nous-t27.htm">Devenir notre meilleur ami?</a><BR/>

</td><td><center><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/2egbhxu.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="200" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L I S A J. B R O W N</font><br/><img src="http://img216.imageshack.us/img216/8783/agreene3.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=5" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/20fvtdc.png/"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" ></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">I R I S J. M A R S H A L L</font><br/><img src="http://s5.tinypic.com/108bacm_th.jpg"/class="gradualfader"><BR>
<font size="1">CO-FONDATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=2" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/2q8pl48.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L I A M C. M A N C H E S T E R</font><br/><img src="http://i393.photobucket.com/albums/pp14/perfect-tragedy/robertpatt_1.gif"/><BR>
<font size="1">FONDATEUR</font><br><a href="http://desperatedsouls.forumactif.org/profile.forum?mode=viewprofile&u=4" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i47.tinypic.com/2dcem54.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L È N H E M I N G W A Y</font><br/><img src="http://i27.tinypic.com/v42zqu.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=10" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><br><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/2ikb1c2.jpg"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L E X I S J . W A R R EN</font><br/><img src="http://i40.tinypic.com/2vi4hmq.jpg"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/profile.forum?mode=viewprofile&u=9" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i45.tinypic.com/281d7it.png"class="gradualfader" style="border: 1px white solid;-moz-border-radius:10px;" /></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">R U T H S. W O O D S T O N E</font><br/><img src="http://i43.tinypic.com/10iawx4.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=10" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a><a class="infobulle"><font color="burlywood"><img src="http://i50.tinypic.com/ajw6t1.png"class="gradualfader"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">E. J A E L Y N V E N S K A</font><br/><img src="http://moe.mabul.org/up/moe/2009/12/12/img-181153kjsiy.gif"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/msg.forum?mode=post&u=11" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr></tbody></table></span></a></center>
</tr></table>

C'est un début.
Mais la bordure est saccadée par endroit =S
et je voudrais qu'au survol la bordure change de couleur.
J'imagine que l'on doit créer quelque chose dans le css.

Mais j'ignore comment faire pour lier les modif' dans mon css à ma PA. Avec tous ces codes et mon javascript.. =)

=) je me permet...

Le premier ".contour", ça sera ce que tu verras quand ta souris ne sera pas sur l'image. La couleur du cadre donc, en "normal". Le deuxième ".contour:hover", ça sera la couleur du cadre quand la souris sera dessus donc.

Code:: /* CONTOUR COULEUR */
.contour {-moz-border-radius: 5px 5px 5px 5px; border: 2px #COULEUR DU CADRE solid; padding: 2px; background-color: #COULEUR DE FOND; }
.contour:hover {-moz-border-radius: 5px 5px 5px 5px; border: 2px #COULEUR DU CADRE solid; padding: 2px;background-color: #COULEUR DE FOND;}

Et il te suffit juste de créer des liens de la sorte :

Code:: <img src="LIEN DE L'IMAGE" class="contour">

Et en temps normal, ça devrait marcher. =)

LE HIC. c'est que j'ai déjà du javascript dans les codes de mes icones de PA.
et je voudrais savoir comment mettre les deux ENSEMBLE.

mais merci à toi I love you

voici l'un de mes codes.

Code:: <img src="http://i45.tinypic.com/2ikb1c2.jpg"class="gradualfader"></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">L E X I S J . W A R R EN</font><br/><img src="http://i40.tinypic.com/2vi4hmq.jpg"class="gradualfader"/><BR>
<font size="1">ADMINISTRATRICE</font><br><a href="http://desperatedsouls.forumactif.org/profile.forum?mode=viewprofile&u=9" target="_blank"><font size="1">Lui écrire un mp?</font></td></tr>

j'ai déjà une class gradualfader. qui est du javascript. et je sais pas comment ajouter une seconde class en gros =/

Alors on va gruger un peu. (:

Code:: <span style="opacity: 0.5;" class="gradualfader"><img src="URL DE L'IMAGE" class="contour"></span>

^-^

Ton code ne fonctionne pas =(
La première image a disparu..

DOONC. Nous en étions où? Le gradualfader... (:

Alors, premio : as-tu bien mis le script dans la description du forum? Si oui, l'as-tu hébéger sur un site à toi? (la plus part des hébergeurs du net, et même PMCS sont en grève on dirait)
Deuxio, le code à mettre dans la feuille de CSS :

Code:: .gradualfader { -moz-border-radius: 5px 5px 5px 5px; border: 2px #COULEUR DU CADRE solid; padding: 2px; background-color: #COULEUR DU FOND; }
.gradualfader:hover { -moz-border-radius: 5px 5px 5px 5px; border: 2px #COULEUR DU CADRE solid; padding: 2px; background-color: #COULEUR DU FOND; }

Troisio, le code dans la PA - pour une image :

Code:: <img style="opacity: 0.2;" src="URL" class="gradualfader">

Et pour un texte :

Code:: <span class="gradualfader">blablabla.</span>

/!\ Important! A la fin de ta PA, n'oublie pas de coller :

Code:: <script type="text/javascript">gradualFader.init() //activate gradual fader
</script>

(:

Ps : ce code marche, il est vérifié et j'en mettrais ma main à couper. Si ça ne marche pas, alors c'est que tu as oublié quelque chose, ou encore que ton fichier .js a été mal héberger (ce qui arrive, à cause du hotlink qui pourri la bande passante).

ps2 : n'oublie pas de remplacer mes écrits, comme le "COULEUR DE FOND" ou le "URL". sinon ça ne marchera forcément pas. v_v'

Hey,

Juste un truc, pour que tu n'aie pas à mettre ce code en fin de PA à chaque fois :

Code:: <script type="text/javascript">gradualFader.init() //activate gradual fader
</script>

Place dans le template "overall_footer" juste avant le "/body" Wink

c'Est exactement ce que j'ai fais basil. Je vais tester avec ces nouveaux codes. On verra bien. Je vous reviens avec ça =)

TOUT A FONCTIONNÉ À MERVEILLE. Milles merci.
Enfin tout façon de parler.
Pour appliquer le gradual fader sur les liens j'ai bien fait

Code:: <span class="gradualfader"> </span>

mais ça ne fonctionne pas =O

Non ça doit être :

Code:: <a class="gradualfader" href="url">Le Lien</a>

à cause des contours qu'on a jouté dans le css, ça me fait quelque chose de zarbi.
je vais oublier le dégradé des liens..merci quand même ^^

SUJET RÉSOLU

JAVASCRIPT+CSS ; possible oui je sais... mais comment?

JAVASCRIPT+CSS ; possible oui je sais... mais comment?

Sujets similaires

Sujets similaires

Partenaires Or