Forum Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum Crea illusion Fantasy


Aides,Codes,Conseils,Forum,Sites web,blogs,Tout supports,Photographie,Graphismes,Dessins,Peintures,Tutoriels,Publicités.

PublicationsAccueilFAQPortailS'enregistrerConnexionÉvènements
Ta bannière à la place d'honneur, Ici !

Partagez|

Commentaire, sous une image

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 6364
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 54
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 9523
Admin

Ptite_Perle
18 - 16
MessageSujet: Commentaire, sous une image Lun 19 Juin 2017 - 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

-
» Appliquer un effet miroir sous une image
» (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.
» [Résolu] Formatage sous W7
» [Résolu] Images des comptes utilisateurs sous Xp
» Quelque image de mon premier projet traité sous artlantis S3

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-