| Fond d'écran de votre page WEB |
| Il suffit de choisir une image comme celle ci-contre et
de la mettre sous le répertoir dans lequel est votre fichier
htm. Ensuite, sous Nvu, vous cliquez sur "format" puis "couleurs et fond de page" et enfin sur "parcourir". Là vous sélectionner votre image et vous l'insérez. Voilà, vous venez de modifier votre fond d'écran |
![]() |
Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet
Descriptif : un fond d'écran défilant : c'est ce que réalise trés simplement ce petit script.
Exemple : sous vos yeux
Mise en oeuvre : Sélectionnez et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code HTML visible.
Juste après la balise <body>
| <!-- DEBUT DU
SCRIPT FOND DEFILANT 1--> <!-- Script provenant de http://www.toulouse-renaissance.net/c_outils/ --> <script language="JavaScript"> <!-- Begin var backgroundOffset = 0; var bgObject = eval('document.body'); function scrollBG(maxSize) { backgroundOffset = backgroundOffset + 1; if (backgroundOffset > maxSize) backgroundOffset = 0; bgObject.style.backgroundPosition = "0 " + backgroundOffset; } var ScrollTimer = window.setInterval("scrollBG(307)", 64); // End --> </script> <!-- FIN DU SCRIPT FOND DEFILANT 1--> |
Dans la balise <body>
|
<body background="votre_image_de_fond.jpg"> |
Remarque : comme tout effet visuel, ne pas en abuser.
Il se peut que ce script donne un effet "d'accroche" à l'image ou que celle-ci n'apparaisse pas immédiatement. En ce cas, choisissez le script suivant qui, en outre, fait défiler l'image de bas en haut.
Juste après la balise <body>
| <!-- DEBUT DU
SCRIPT FOND DEFILANT 2--> <!-- Script provenant de http://www.toulouse-renaissance.net/c_outils/ --> <script language="JavaScript"> <!-- Begin var avance = 0; var bgObject = eval('document.body'); function scrollBG(maxi) { avance = avance - 1; if (avance > maxi) avance = 8; bgObject.style.backgroundPosition = "0 " + avance; } var ScrollTimer = window.setInterval("scrollBG(100)", 32); // End --> </script> <!-- FIN DU SCRIPT FOND DEFILANT 2--> |
Dans la balise <body>
|
<body background="votre_image_de_fond.jpg"> |
Merci à Ange Vallecalle pour l'information.