Image petite à grosse
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image petite à grosse
Je ne sais pas comment on appel ce code. Je pense que c'est Infobulle?
Je ne vois pas d'autres sujets, ou du moins j'ai chercher longuement sans voir d'image que je cherchais.
J'aimerai savoir comment en fait ceci sur une pa:
http://starsever.forumgratuit.org/
Vous voyez le coin STAFF en haut à gauche? Quand vous passez le curseur, il y a l'image qui apparaît en gros avec le nom, le profil et pour MP.
Merci! =)
Je ne vois pas d'autres sujets, ou du moins j'ai chercher longuement sans voir d'image que je cherchais.
J'aimerai savoir comment en fait ceci sur une pa:
http://starsever.forumgratuit.org/
Vous voyez le coin STAFF en haut à gauche? Quand vous passez le curseur, il y a l'image qui apparaît en gros avec le nom, le profil et pour MP.
Merci! =)
Re: Image petite à grosse
Je veux bien les suivre mais je ne comprends pas vraiment où les placer dans les codes pour que ca fonctionne car bien souvent ceux-ci se forment tout croches ou n'apparaissent pas.
Re: Image petite à grosse
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Invité- Invité
Re: Image petite à grosse
Bonjour,
personne n'a répondu à mon commentaire donc il est encore bien présent comme question.
Merci ^^
personne n'a répondu à mon commentaire donc il est encore bien présent comme question.
Merci ^^
Re: Image petite à grosse
Pour faire ce genre d'effet il faut déjà partir avec deux images (une grande et une petite). Après avec du Css on "programme" une infobulle avec la position aspect etc. Et enfin on pose le code html qui contient d'abord la petite image et ensuite dans la partie infobulle la grande ^^, je vais chercher les codes mais je ne promets rien, donc si quelqu'un les connait déjà aider la ^^.
Cordialement.
Cordialement.
Re: Image petite à grosse
Bonjour,
Si le problème est toujours d'actualité, faites un essai et montrez nous ce que ça donne .
Une infobulle est constituée d'un code pour la page d'accueil, et d'un code CSS associé.
Le message en page d'accueil:
Le code CSS ( panneau d'amdin' > affichage > couleur > feuille de style CSS) :
La partie à personnaliser est la suivante:
Cordialement.
Si le problème est toujours d'actualité, faites un essai et montrez nous ce que ça donne .
Une infobulle est constituée d'un code pour la page d'accueil, et d'un code CSS associé.
Le message en page d'accueil:
- Code:
<div class="infobulle"><img src="lien image ou apparait l'infobulle">
<span>Contenu de la bulle</span></div>
Le code CSS ( panneau d'amdin' > affichage > couleur > feuille de style CSS) :
- Code:
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 1px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px solid #000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
La partie à personnaliser est la suivante:
- Code:
.infobulle:hover span{
visibility: visible;
top: 70px;/*position par rapport au haut de l'image*/
left: 35px;/*position par rapport au bord gauche de l'image*/
width: 150px ;/*largeur de la bulle*/
color:#FFFFFF;/*couleur du texte*/
border: 1px solid #000;/*épaisseurs style et couleur des contours*/
-moz-border-radius: 12px;/*arrondis*/
-webkit-border-radius: 12px;/*arrondis*/
border-radius: 12px;/*arrondis*/}
- Code:
<table><tr><td><div class="infobulle"><img src="lien image ou apparait l'infobulle 1">
<span>Contenu de la bulle 1</span></div><div class="infobulle"><img src="lien image ou apparait l'infobulle 2">
<span>Contenu de la bulle 2</span></div></td><td></td><td><div class="infobulle"><img src="lien image ou apparait l'infobulle 3">
<span>Contenu de la bulle 3</span></div></td></tr></table>
Cordialement.
Invité- Invité
Re: Image petite à grosse
Je vais essayer je vous tiens au courant
Re: Image petite à grosse
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Invité- Invité
Sujets similaires
» Image de fond soit trop grosse soit trop petite
» Superposition du texte et de l'image d'un forum + image petite
» Petite image
» Insérer une petite image
» Petite image système de points
» Superposition du texte et de l'image d'un forum + image petite
» Petite image
» Insérer une petite image
» Petite image système de points
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum