Code info-bull/transparence Bouton_activeCode info-bull/transparence Bouton_hoverCode info-bull/transparence Fb-hoverCode info-bull/transparence Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Code info-bull/transparence EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Code info-bull/transparence EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Code info-bull/transparence EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Code info-bull/transparence EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Code info-bull/transparence EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Code info-bull/transparence EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Code info-bull/transparence EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Code info-bull/transparence EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

Partagez
 

Code info-bull/transparence

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Code info-bull/transparence Empty
Bonjour,

je voudrais que quand on passe sur une image opaque à 50% elle devienne opaque à 100% et qu'il y ai une info-bulle.

Je met ce code (Infos-Bulles) :
Code:
<div class="description"><a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=1" class="infobulle">Bull'
<span><img src="http://img690.imageshack.us/img690/4205/48341024.jpg"><br><p>Fondatrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=1">Envoyer un MP</a></div></span></a>
<a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=2" class="infobulle">Ume
<span><img src="http://img156.imageshack.us/img156/8538/umee.jpg"><br><p>Co-Fondatrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=2">Envoyer un MP</a></div></span></a>
<a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=3" class="infobulle">Sweet.Nana
<span><img src="http://img263.imageshack.us/img263/8175/sweetal.jpg"><br><p>Modératrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=3">Envoyer un MP</a></div></span></a>
<a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=7" class="infobulle">Mitsuki
<span><img src="http://img382.imageshack.us/img382/7300/mits.jpg"><br><p>Modératrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=7">Envoyer un MP</a></div></span></a>
<a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=8" class="infobulle">Tatsumaru
<span><img src="http://img145.imageshack.us/img145/8894/tatsu.jpg"><br><p>Modératrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=8">Envoyer un MP</a></div></span></a></div>

Donc je met à la place du mot sur le quel on passe pour voir l'info bulle ce code (Pour la première info-Bulle) :
Code:
<img class="opacity" src="http://img690.imageshack.us/img690/4205/48341024.jpg">

Ce qui donne :
Code:
<a href="http://cocoetmango.mescops.com/profile.forum?mode=viewprofile&u=1" class="infobulle"><img class="opacity" src="http://img690.imageshack.us/img690/4205/48341024.jpg"><span><img src="http://img690.imageshack.us/img690/4205/48341024.jpg"><br><p>Fondatrice</p><div><a href="http://cocoetmango.mescops.com/msg.forum?mode=post&u=1">Envoyer un MP</a></div></span></a>


J'ai les codes CSS mis pour l'info-bulle et l'opacité.

Merci pour votre aide
MessageSujet: Code info-bull/transparence   Code info-bull/transparence EmptyMar 20 Avr 2010, 14:22
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Code info-bull/transparence Empty
Bonjour ^^

As-tu suivi ce tuto ? https://css-actif.forumactif.org/images-f6/effet-d-opacite-sur-une-image-t431.htm

C'est la même chose que pour une image. Une petite recherche ne sera du luxe la prochaine fois Wink
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyJeu 22 Avr 2010, 03:10
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Code info-bull/transparence Empty
C'est ce que j'ai fait ...
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyJeu 22 Avr 2010, 12:02
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Code info-bull/transparence Empty
Up
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyMar 27 Avr 2010, 15:03
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Code info-bull/transparence Empty
Bon, une bonne fois pour toutes, les ups sont interdits ! J'en ai marre de me répéter, bon sang !

Sinon je ne vois absolument pas de problème, hein, il te suffit d'appliquer le tuto qu'a montrée Imari. Wink
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyMar 27 Avr 2010, 15:57
Revenir en haut Aller en bas
Invité
Invité




Code info-bull/transparence Empty
Selon moi, le problème est résolu. Je classe.
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyJeu 06 Mai 2010, 08:29
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Code info-bull/transparence Empty
Ce n'est pas résolu
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence EmptyDim 23 Mai 2010, 09:32
Revenir en haut Aller en bas
Contenu sponsorisé




Code info-bull/transparence Empty
MessageSujet: Re: Code info-bull/transparence   Code info-bull/transparence Empty
Revenir en haut Aller en bas
 

Code info-bull/transparence

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Code justification contenu de catégorie + code insertion icon
» Problème avec le [code][/code], besoin d'aide !!
» Problème avec le code...du code justement!
» Code au niveau de la balise [*code*]
» Qui est en ligne tableau.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit