Sujets similaires

C'est à rapport avec ce sujet du forum : https://css-actif.forumactif.org/images-f6/effet-d-opacite-sur-une-image-t431.htm
Je voudrais savoir, s'il y avait le code aussi pour que ca ne soit pas une image mais à la place un texte é-è S'il vous plait, car j'en aurais besoin pour ma Navigation Rapide !

Je pense que l'on peut en faisant:

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

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

Code:: <span class="opacity">Texte Texte</span>

D'accord, je vais essayée et je te dirais si ca marche

Ca marche ! Mais moi le code je l'excerce sur un texte avec un lien. Et ca me donne plus le même effet. :/

Bonjour ^^

Peux-tu donner le code de ton lien s'il te plaît ? =)

B

Le voilà

Code:: <size=12><span class="opacity"><a class="postlink" href="http://hauted-castle.forumactif.com/rules-story-f1/context-horrifiant-t2.htm">Groupes</a></span></size>

P

Sur le forum que tu nous montres, ce n'est pas le même effet. C'est un changement de couleur et si je me souviens bien c'est un script byzarre. Je vais essayer de retrouver ça et j'édite au cas.

Edit: Voila le code de l'infobulle MAIS Je ne suis pas sure que tu puisses l'utiliser car il est la propriété de CSSActif!

Code:: .img-infobulle:hover { /*Image Survolee */
   border: 3px #781A0C solid; /* Bordure Image */
-moz-border-radius: 6px 0px 0px 6px; /* Arrondi Bordure Image */
-webkit-border-radius: 6px 0px 0px 6px; /* Arrondi Bordure Image */
border-radius: 6px 0px 0px 6px; /* Arrondi Bordure Image */
}

.img-infobulle {
   border: 3px #FFFFFF solid; /* Bordure Image */
   -moz-border-radius: 6px; /* Arrondi Bordure Image */
-webkit-border-radius: 6px; /* Arrondi Bordure Image */
border-radius: 6px;
}

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é */
bottom: 2px; /* on positionne notre infobulle */
left: 56px;
padding: 5px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-top-right-radius:12px;
-webkit-border-bottom-right-radius:12px;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
font-size: 12px;
border-bottom: 3px #781A0C solid;
border-top: 3px #781A0C solid;
border-right: 1px #781A0C solid;
background-color: #E8E2CA;
}

Code:: </a></td>
<td><a href="LIEN IMAGE" class="infobulle"><img src="IMG" class="img-infobulle" border="0">
<span>
<table border="0" cellpadding="0" cellspacing="0" height="73" width="150">
<tbody><tr>
<td valign="top"><div style="color: rgb(247, 246, 242); font-size: 20px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgb(0, 0, 0); text-align: center;">NOM</div>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="70%">
TEXTE TEXTE
</table>

D

Huuum.... Tu peux expliquer précisément ce que tu entends par "le changement de couleur et tout le reste pour ce qui est du texte lumineux avec lien" ? xD

Bonjour,

votre problème est-il toujours d'actualité ?

Bonjour,

Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.

Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.

Petite Question [Q]

Petite Question [Q]

Sujets similaires

Sujets similaires

Partenaires Or