Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer la page Suivre ce blog Administration + Créer mon blog
MENU
https://pourquoipas732.eklablog.com
montages par codes HTML/CSS
Menu
Descriptif

Descriptif

Juste un petit mot pour parler de la décoration possible au survol d'une image.

Descriptif

Je viens de publier cette image par l'icône "image", sans lien vers l'image originale: en ouvrant le code source (<>), je trouve cette ligne:

 <p style="text-align: center;"><img src="https://ekladata.com/jr7MVFCjLFHAD2akmyeb4U5VMtE.jpg" alt="Descriptif" /></p>

Si je survole l'image, un petit rectangle blanc m'indique le titre de mon article:"Descriptif"; on peut souhaiter indiquer autre chose et sous une présentation différente: rien de plus simple !

En ouvrant le code source et sous les lignes ci-dessus, je vais ajouter:

<style><!--

#help_bubble{font-size:22pt; color:yellow; text-shadow:1px 1px black; background:lime;}

--></style>

Ce help_bubble (le _ est fait par la touche fonction 8) va nous permettre d'ajouter des attributs à ce descriptif (couleur, taille, fond, forme...)

Dans mon exemple, j'ai simplement indiqué une taille de police, une couleur de police et de fond et une ombre sur le texte: vous en voyez le résultat en survolant mon image.

Avec ce code, on ne peut que décorer cette fenêtre et non y ajouter des images.