fonds d'écran - créations numériques - webmastering - photograhie - création de site - référencement efficace
CSS styling
La CSS peut être utilisée pour changer par exemple le survol en bleu, le la formation du titre en bleu, ainsi que les positions du titre, fond, place du titre,(en bas ici) placé dans l'exemple à droite de l'image.

Voir les explications sur le Blog en cliquant sur ce lien.
Le code CSS :
- <html>
- <head>
- <title>Magic Zoom Plus: CSS styling</title>
- <!-- link to magiczoomplus.css file -->
- <link href="magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
- <!-- link to magiczoomplus.js file -->
- <script src="magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
- <style type="text/css">
- /* Styles for zoom pup window (that one what move with mouse above small image) */
- .MagicZoomPup {
- background: #90a8d6;
- border: 1px solid #022e6f;
- }
- /* Styles for header on large zoom window */
- .MagicZoomHeader {
- background: #90a8d6;
- font-size: 12px;
- }
- /* Styles for large zoom window */
- .MagicZoomBigImageCont {
- border: 1px solid #90a8d6;
- }
- /* Style of the expanded image */
- .MagicThumb-expanded {
- border: 1px solid #90a8d6;
- }
- /* Style of the caption for the expanded image */
- .MagicThumb-caption {
- background: #90a8d6;
- color: #fff;
- }
- </style>
- </head>
- <body>
- <p>CSS changed to show blue hover and the blue background of the title and caption. Title position set to bottom, caption placed to the right of the image.</p>
- <!-- define Magic Zoom Plus -->
- <a href="images/harley1c.jpg" class="MagicZoomPlus" rel="show-title: bottom; caption-position: right" title="Harley-Davidson Dyna Wide Glide"><img src="images/harley1b.jpg"/></a>
- </body>
- </html>