| Intro | Hébergement | Les Plus | Liens | Livre D'or |
| Livres | ||||
| Partenaires | Son, prog... | Aide suivie | Javascripts | Chat |
Pour rajouter un peu d'effet, vous pouvez rajouter des "javascripts" (cliquez ici pour voir la définition).
En voici un assez sympathique :
Pour obtenir le petit texte qui défile en bas à gauche de votre navigateur, c'est très simple, il vous suffit de recopier ce code dans la source en haut juste après la valise <HEAD> , en remplaçant ce qui est en rouge par votre propre texte :
<SCRIPT LANGUAGE=JavaScript><!-- debut du script
var msg = "Bienvenue sur mon site, j'espere qu'il vous plaira et bonne visite!";
var espaceur = " ";
pos=0;
function defilmsg(){
window.status=msg.
substring(pos,msg.length)+
espaceur+
msg.substring(0,pos);
pos++;
if (pos > msg.length)
pos=0
window.setTimeout("defilmsg()", 200)
}
// fin du script --></SCRIPT>
Javascript pour mettre un lien vers la page précédente :
Placez ce code dans la partie <BODY> de la source :
<A HREF="Javascript:history.go(-1)">Retour à la page précédente</A>
Exemple : Retour à la page précédente
Code source :
Si vous voulez que vos visiteurs voient le code source de votre page, insérez ce code dans la partie <BODY> :
<form>
<div align="center"><center><p><input TYPE="button" NAME="view"
VALUE="Cliquez pour voir la source "
OnClick="window.location="view-source:" +window.location.href"> </p>
</center></div><hr size="1" width="90%">
</form>
Bulle explicative au dessus du lien :
Assez pratique, une bulle contenant le texte de votre choix apparait quand la souris passe au dessus d'un lien :
<A HREF="page.html" TITLE="commentaire">texte lien</A>
Remplacez juste page.html par le nom de la page vers laquelle va le lien, commentaire par le texte qui apparaitra dans la bulle et texte lien par le nom du lien.
Pour un exemple, voir en haut de cette page.
Des tableaux colorés!
Rajouter de la couleur dans vos tableaux pour rendre votre page attrayante.
<TABLE BGCOLOR=couleur_fond
BORDERCOLOR=couleur_bordure>
Remplacez couleur_fond et couleur_bordure par les codes de couleur.
Exemple :
| Très simple | n'hésitez pas à m'écrire |
| si vous avez | des problèmes! |
Anti clic droit :
Si vous ne voulez pas que vos visiteurs utilisent le clic droit de leur souris, c'est à dire qu'ils enregistrent les images que vous avez sur votre site, recopiez le code ci-dessous:
<script language="JavaScript1.1" type="text/javascript">
<!--
// Author: Martin Webb (martin@irt.org)
function right(e) {
var msg = "Désolé mais vous n'avez pas le droit d'utiliser le bouton droit.";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
return true;
}
document.onmousedown = right;
//-->
</script>
Boîte Password :
Si vous voulez mettre un mot de passe à l'entrée de votre site :
<script LANGUAGE="JavaScript">
<!-- debut du script
function checkPswd(ext) {
if ((document.pswdForm.pswd.value == null) || (document.pswdForm.pswd.value == ''))
alert('Mot de passe invalide.');
else this.location.href = document.pswdForm.pswd.value + ext;
}
// fin du script -->
</script>
Menu Déroulant :
Vous pouvez mettre un menu déroulant sur votre site, pour un exemple, voir juste après le code à insérer :
<script language="JavaScript"><!--
function envoie_la_puree(){
if (document.mon_beau_formulaire.mon_menu.options[document.mon_beau_formulaire.mon_menu.selectedIndex].value != "none") {
location = document.mon_beau_formulaire.mon_menu.options[document.mon_beau_formulaire.mon_menu.selectedIndex].value
}
}
document.write('<center>');
document.write('<form name="mon_beau_formulaire"><select name="mon_menu" size=1>');
document.write('<option value=none>Faites votre choix');
document.write('<option value=none>--------------------');
document.write('<option value="http://www.yahoo.fr">Yahoo!');
document.write('<option value="http://www.weboutils.com">Weboutils');
document.write('<option value="http://www.chez.com">Chez');
document.write('<option value="http://www.multimania.fr">Multimania');
document.write('<option value="http://www.limp-bizkit.com">Limp-Bizkit');
document.write('<option value="http://www.multimania.com/geoffreyb">Tout Sur Nirvana');
document.write('<option value="http://www.ibazar.fr">Ibazar');
document.write('<option value="http://www.webcrawler.com">WebCrawler');
document.write('</select>');
document.write('<INPUT TYPE="button" VALUE="Go !" onclick="envoie_la_puree()">');
document.write('</form>');
document.write('</center>');
// --></script>
Evidemment, vous changez les noms et adresse des pages que vous mettez dans votre menu!
Exemple :
Pluie :
Si vous voulez mettre de la pluie dans vos pages HTML, c'est très simple, copiez ce qui suit (c'est un peu long, mais c'est marrant), mais peut être voulez vous un exemple?? Cliquez ici.
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Matthew Musgrove ( muskrat@lvnworth.com) -->
<!-- Web Site: http://free.prohosting.com/~musgrove -->
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
// End -->
</script>
Pop Up :
Un clique et Hop une fenêtre s'ouvre!!! C'est magique, et donc voici le secret de ce tour :
<p align="center"><font face="Arial" size="2">
<A HREF="popup.htm" onClick="window.open('','popup','width=400,height=300,scrollbars=1')" Target="popup">PopUp</a></font></p>
Bien sûr, il faut d'abord que vous ayez créer une page appelée "popup" pour qu'une fenêtre s'ouvre!!!! Sinon, vous aurez un gros "Erreur 404, la page n'existe pas".
Exemple : PopUp