Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides & Conseils pour le graphisme & forum & site web & blog & tout autres supports.
 
AccueilPortailFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


Partagez | .
 

 Commentaire, sous une image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6706
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8962

MessageSujet: Commentaire, sous une image  Lun 19 Juin - 20:20


Coucou,

Voici comment faire pour avoir une image et en la survolant avec la souris lire le texte.

Créez une page HTML
Mettez ce code:
Code:
<center><span style= »display: block; width: LARGEUR DE VOTRE IMAGE px; height: HAUTEUR DE VOTRE IMAGE px; background: url(URL DE VOTRE IMAGE);  background-repeat: no-repeat; »>
<span class= »img »><div style= »padding:10px; »>ECRIRE VOTRE TEXTE ICI</div></span>
</span></center>

 


Dans votre CSS:
Code:
    .img{
    color: #COULEUR DU TEXTE;
    text-align: justify;
    font-size: 10px;
    background-color: #COULEUR DU FOND;
    width: LARGEUR DE VOTRE IMAGE px;
    height: HAUTEUR DE VOTRE IMAGE px;
    position: absolute;
    display: block;
    overflow: auto;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }

    

    .img:hover{
    filter: alpha(opacity=80);
    opacity: 0.8;
    -o-opacity: 0.8;
    -ms-opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }

Amicalement
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
 

Commentaire, sous une image

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

 Sujets similaires

-
» Texte sous une image
» mettre un liens sous une image?
» Iframe sous Firefox, image sous IE
» Texte de signature caché sous l'image de signature
» Mettre une vidéo sous l'image "en-tête" du forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Astuces codages pour forumactif :: Astuces et codages forumactif-