| SAINT VALENTIN ! |
Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet
Le 14 février, c'est la fête de la Saint-Valentin, celle de tous les amoureux. Ne dites pas à votre petite amie, à votre compagne ou à votre femme que vous l'avez oubliée. Ne dites pas, comme l'an dernier, "Mais, chérie, il n'y a pas besoin de fête : c'est tous les jours que je t'aime !". Cette année, ça passera pas. Vous pouvez (vous devez ?) marquer le coup. Bien sûr, un bijou, un bouquet de fleur, un poème ira très bien. Mais pourquoi ne pas utiliser le web pour lui faire parvenir une pensée virtuelle. Surtout, comme cela arrive dans notre vie moderne, si, ce jour là, vous êtes momentanément séparés. Il existe de nombreux sites d'où l'on peut envoyer une carte postale électronique. Mais puisque vous êtes un webmaster émérite, pourquoi ne pas envoyer à l'élue de votre coeur une page web rien que pour elle où vous mettrez le texte de la mouture et de la longueur de votre choix, les images de votre goût ?
Pour ceux qui l'ont oublié, où s'en servent que rarement, vous pouvez envoyer une page web par mail. Avec Outlook, allez dans le menu Message > Nouveau message avec > Page Web... Entrez le chemin complet de la page (http:// etc.) et vous aurez alors la page dans le corps de votre mail. Testez là car certains codes peuvent ne pas fonctionner correctement.
Pour ce qui est de notre page, vous y trouverez quelques images et codes. A charge pour vous de l'adapter à votre goût : moderne, kitch, classique, romantique ; tous les amours sont dans la nature.
Descriptif : un coeur suit le curseur. N'abusez pas de ce script vu et revu. C'est bien pour une page, agaçant sur tout un site. Vous me direz qu'il y a toujours de nouveaux internautes qui ne l'ont pas vu, et puis, certains aiment à le voir souvent. Bref, tous les goûts sont dans la nature. C'est comme pour cette page, on peut, avec juste raison, la trouver kitsch. Bon, le graphisme, n'a jamais été mon fort. Rien n'est parfait. Par contre, je sais lancer un noyau d'olive à 12 mètres.
Exemple : vous le voyez.
Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.
Script de la Saint-Valentin
Entre les deux balises <body> et </body>
| <!--
DEBUT DU SCRIPT VALENTIN--> <div id="span0" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span1" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span2" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span3" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span4" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span5" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span6" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span7" style="position:absolute;visibility:hidden;"><img src="valentines_day.gif" width="17" height="19"></div> <div id="span8" style="position:absolute;visibility:hidden;"> </div> <script src="christmas.js"></script> <!-- FIN DU SCRIPT VALENTIN--> |
Vous pouvez augmenter graduellement la taille d'origine de l'image afin d'ajouter un petit effet supplémentaire. Commencez par la taille d'origine (width="17" height="19"), augmentez les dimensions de 2 en 2 pour finir par width="31" height="33"
Vous devez ensuite copier le code ci-dessous et le sauvegarder sous le nom valentin.js
Vous aurez noté que c'est le même script qui est employé sur la page du
Père Noël.
Puis, copiez l'image suivante dans votre répertoire d'images :
Ce script peut aussi se trouver à 24fun.com
Script des Anges
Positionnez ce scipt juste avant la fin de la balise de fin </body>
Remarque
: Avec un clic droit de la souris, copiez cette image
dans votre répertoire d'images.
Vous devrez configurer quelques éléments en début de script et changer, évidemment le
chemin du site et de votre image.
Copyright www.toulouse-renaissance.net ©