Demande d'un gayen : faire tomber de la neige sur un post
Au départ le gayen en question souhaitait voir de la neige tomber sur son blog entier (mais je sais pas comment insérer un code Javascript dans le bloc CSS pour qu'il soit pris en compte...)
faire tomber de la neige sur un post
Comme précédemment avec le calendrier, nous allons utiliser une iFrame, c'est à dire que nous allons demander au navigateur d'ouvrir une page internet dans un cadre.
1) Exemple
2) Code de la page appelée par l'iFrame
Pour créer votre page internet, créez un nouveau fichier .txt, collez le code suivant en y modifiant ce que vous jugerez nécessaire et sauvegardez. Modifiez ensuite l'extension .txt en .html pour en faire une page web.
<HTML>
<BODY>
<script language="javascript" src="http://images.topflood.com/neige-perso.php"></script>
<noscript>Top Flood: aide pour votre forum.</noscript>
Ici, collez ce que vous voulez. Vous pouvez utiliser les balises html habituelles, mais n'oubliez pas d'ajouter le code <br /> pour chaque retour à la ligne.
</BODY>
</HTML> |
=> en violet : balises encadrant le code HTML, permettant de préciser que c'est ce langage que nous allons utiliser
=> en vert : balises encadrant le corps de la page
=> en rouge : le script javascript faisant appel à une animation hébergée sur un site extérieur (c'est ça qui permet d'obtenir l'effet "neige"
=> en bleu : une petite pub pour le site en question (et c'est bien naturel)
3) Code de l'iFrame
Sauvegardez votre page internet, hébergez-la sur un site perso, et copiez-en l'adresse. Une fois dans votre post, collez ce code là où vous souhaitez faire apparaitre l'iFrame, en prenant soin de modifier l'adresse de votre page internet.
<IFRAME SRC="http://votresiteperso/neige.html" WIDTH=516 HEIGHT=370 scrolling=no frameborder="0">
Désolé vous z'avez pas IE5 !
</IFRAME> |
http://votresiteperso/calendrier.html : Indiquez ici l'adresse de votre page de calendrier uploadée sur votre site perso
WIDTH=516 HEIGHT=370 : Indiquez la largeur (width) et la hauteur (height) de votre cadre. Je vous conseille d'avoir des images de même dimension et d'ajouter "16" à la mesure de la largeur et "20" à la mesure de la hauteur de vos images pour qu'elles ne soient pas "rognées"
scrolling=no : Cette partie de code évite d'afficher des barres de défilement vertical et horizontal à votre cadre. Si vous jugez que ces barres de défilement sont nécessaires, vous pouvez supprimer cette partie de code.
frameborder="0" : cette partie permet d'éviter d'afficher la délimitation de votre cadre, comme ça on a l'impression que votre calendrier "est" directement sur la page, et c'est plus joli quand même ;)
Désolé vous z'avez pas IE5 ! : Ce texte s'affiche si la personne qui lit votre blog n'a pas au moins Internet Explorer 5 => elle ne pourra dans ce cas pas voir votre joli calendrier :'(
28/11/07 - 18:10
J'ai pas les nerfs pour faire tout ca, mais c'est genial. Bravo!
— carinetlv