ABCSITE

Programmation en html 

 
 
 

 
 

Trucs et astuces HTML

 

 

1. Du texte dans la barre d'état 
Afficher dans la barre d'état des informations concernant le lien sur lequel se trouve le pointeur de la souris. 

<a href="votre_fichier.html" onMouseOver="window.status='Texte_affiché_barre_état'; return true">commentaire</a>

2. Faire suivre automatiquement 
Ce script permet à la page actuelle de disparaître automatiquement après 5 secondes au profit d'une nouvelle page indiquée par son url.

Vous pouvez définir un délai en secondes dans content=delai , et l’adresse de la page web à ouvrir dans le navigateur dans url =.votre_url

<html >

<head>

<meta http-equiv="refresh" content="5; url=votre_url.html">

</head>

<body>

3. Une page web sans marge 
Réaliser une page web sans marge.

<html >

<head>

<style type= "text/css">

body { margin-left: Opx; margin-right:Opx; margin-top:Opx; margin-bottom:Opx }

</style>

</head>

<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>

</body>

</html>

4. Rediriger un navigateur   

Ce script permet de détecter le navigateur de votre visiteur et de le rediriger en fonction decelui-ci vers une autre page .

Exemple: si le navigateur est Netscape, on redirige vers netscape.html 

<SCRIPT LANGUAGE="JavaScript">

<!--

if ("Netscape" == navigator.appName) location.replace ("netscape.html");

//-->

</SCRIPT>

5. Nom et version du navigateur   

Ce script permet d'afficher le nom et la version du navigateur de votre visiteur de site, à placer n'import où entre les balises <body>... </body>

<SCRIPT LANGUAGE="JavaScript">

<!--

document.write ( "<FONT COLOR=red>Votre navigateur est</FONT><BR>"

+ navigator.appName + navigator.appVersion)

//-->

</SCRIPT>

Résultat Votre navigateur est
Microsoft Internet Explorer4.0 (compatible; MSIE 6.0; MSN 2.5; Windows 98; FREEvip)

6. Encadrer une image 

Pour améliorer la présentation d'une image, il suffit de créer un tableau et de lui ajouter les effets de bord.

Exemple:

<TABLE BGCOLOR="#540000" BORDER="5" CELLPADDING="5" CELLSPACING="0">

<TR ALIGN="CENTER">

<TD> <IMG SRC="image.gif"> </TD>

</TR> </TABLE>

Résultat:           

avant

 

après

7. Auto Favoris   

Ce script  propose à vos visiteurs d'ajouter automatiquement l'url de votre site dans leurs favoris.
Script à placer entre les balises <HEAD> et </HEAD>

</head>

<SCRIPT LANGUAGE="JavaScript">

<!--

browserName = navigator.appName;

browserVer = parseInt(navigator.appVersion);

if (browserName == "Microsoft Internet Explorer" && browserVer >= 4)

{

window.external.AddFavorite(location.href, document.title);

}

//-->

</SCRIPT>

</head>

8. Quels Plug-ins ?   

Ce script permet d'afficher la liste des plug-ins installés sur votre navigateur. 

<SCRIPT LANGUAGE="JavaScript">

<!--

var i,p

p = navigator.plugins.length

document.write("Votre navigateur a "+p+" plug-in(s) installé(s) <p><b>Liste :</b><br>")

for (i=0 ; i<p ; i++)

document.write(navigator.plugins[i].name + "<BR>")

//-->

</SCRIPT>

9. Logo navigateur    

Ce script permet d'afficher quel est le navigateur utilisé par le visiteur et le logo correspondant à ce même navigateur.


<SCRIPT LANGUAGE="JavaScript">

<!--

Navigateur = navigator.appName;

if (Navigateur == 'Netscape')

{

document.write("<IMG SRC='gif/logns.gif' WIDTH=90 HEIGHT=40 ALT='Netscape'>");

}

if (Navigateur == 'Microsoft Internet Explorer')

{

document.write("<IMG SRC='gif/logie.gif' WIDTH=90 HEIGHT=40 ALT='Internet Explorer'>");

}

//-->

</SCRIPT>

 

10. Changement de la couleur d'un hyperlien lorsque le pointeur de la souris passe dessus
Ce script permet de faire changer  la couleur des hyperliens lorsque le pointeur de la souris vient se placer sur eux. A plcer entre les balises <head>  </head>  après <title> </title>

<STYLE type=text/css>A {

FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline

}

A:hover {

FONT-SIZE: 12px; COLOR: #3300cc; TEXT-DECORATION: underline

}

</STYLE>

 

 
 

ABCSITE © copyright 2002