Du code HTML

Astuces Code Html

Transitions entre pages Web:
Après <head> ajouter la ligne.
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=2,Transition=12)">
Duration en secondes. Il existe 24 transitions de 0 à 23.

Word, Excel,Powerpoint dans une page web:
Dans une fenêtre au milieu de la page.
Après <BODY...> insérer :
<IFRAME src="xxxx.ppt" width=200 height=300>
</IFRAME>
Un fichier xxx.ppt en tout écran par :
<A href="xxxx.ppt"> ouvrir le fichier </A>

Empêcher le clic droit:
Après <head> insérer
<script language= "javascript">
function click() {
if (event button==2) { alert('Bouton droit désactivé')
}
}
document onmousedown =click
< /script>

Colorer les barres de défilement:
La solution : introduisez le style« scrollbar-base-color » dans la balise <body>. Comme ceci: <body STYLE= "scrollbar-basecolor:red">. Pour une couleur plus nuancée que rouge (red) ou bleu (blue), utilisez plutôt le code numérique. Par exemple: <body STYLE= "scrollbar-base-color: #006666">.
Il existe un style pour chaque élément des barres de défilement:
scrollbar-arrow-color : la couleur des flèches aux extrémités des barres
scrollbar-base-color: la couleur principale du fond des barres
scrollbar-highlight-color: la couleur secondaire du fond des barres
scrollbar-shadow-color :l'ombrage clair des boutons (sur deux côtés)
scrollbar-dark-shadow-color : l'ombrage foncé des boutons (sur les deux autres côtés)
Toutes les combinaisons sont tolérées.
Par exemple: <body STYLE= "scrollbar-shadow-color: yellow ; scrollbar-base-color:red">.
Attention, cela ne fonctionne pas avec Netscape!
autre méthode:
Créer le fichier texte "style.css":
BODY {
/* Couleur de la barre de défilement */
scrollbar-face-color:#4C43FF;
/* Couleur de l'avant-bord droit de la barre défilement*/
scrollbar- shadow-color:#000000;
/* Couleur de l'avant-bord guauche de la barre défilement*/
scrollbar-highlight-color:#FFFFFF;
/*Couleur du bord gauche de la barre de défilement*/
scrollbar-3dlight-color:#000000;
/*Couleur du bord droit de la barre de défilement*/
scrollbar-darkshadow-color:#000000;
/*Couleur du fond de la barre de déflement*/
scrollbar-track-color:#94A9CA;
/*Couleur des flèches*/
scrollbar-arrow-color:#FFCCOO;
}
puis entre <head> et </head> ajouter la ligne:
<link rel="stylesheet" href="style.css">

Ajouter son site à leurs favoris:
A l'endroit du lien placer le code
"<a href=javascript:window.external.addFavorite(location.href, document .title)>...favoris ?</a>"
On peut ajouter une icone 16*16 en 256 couleurs "Favicon.ico" et le mettre dans le dossier principal

Pour une page spécifique insérer dans l'entête le code
<LINKREL="SHORTCUT ICON"HREF="myicon.ico">

Pour modifier le curseur sur un lien
    Après le <a href="le lien" style="cursor:nom">test</a>
    Les noms sont:
    la croix : crosshair
    la flèche : default
    la main : hand
    le déplacement : move
    le texte : text
    le sablier : wait
    l'aide : help
    flèche droite : e-resize
    flèche gauche : w-resize
    flèche bas : s-resize

Pour que votre site soit bien reconnu par les moteurs:
    Cela dépend des moteurs ;
    Pour certains ajouter entre <head> et </head> :
    <meta name="keywords" content="bateau mer vague etc...".
    Pour d'autres /
    <meta name="description" content="La mer au fond des golfes etc...".
    Donc, mieux vaut mettre les deux.

Pour charger automatiquement un son :
    Pour IE5 :<bgsound src=fichier_son loop= répétition>
    Pour Navigator :<embed src=fichier_son controls=smallconsole>
    Les deux sont cumulables.

Pour diffuser un son en continu:
    Le mettre au format (.ram); Utilitaire gratuit (http://www.real.com/products/tools/producer).
    Il faut ensuite créer un fichier texte avec l'adresse complète du fichier son.
    Le sauvegarder sous le nom audio.ram et mettre un lien dans la page vers lui-même.

Pour charger automatiquement une autre page:
    Par exemple une page sommaire , après une page accueil
    Ajouter entre <head> et </head> :
    <meta Http-equiv="refresh" content="20;URL='autrepage.htm'.
    Le changement se fera 20 sec après le chargement complet de la premiére page.

Pour laisser un espace entre une image et le texte:
Par exemple dans le code <im scr="xxx.jpg" wight=236 height=125>
Ajouter <im scr="xxx.jpg" wight=236 height=125 hspace="30" vspace="30">

Pour interdire l'enregistrement d'une image :
insérer <a href="javascript : void(0) OnMouseOver="alert('il est interdit...')">
<img scrc="....jpg"> </a>

Pour interdire le clic droit (pour IE):
    insérer entre <HEAD> et </HEAD> le script :
    <SCRIPT LANGUAGE="JavaScript">
    
    </SCRIPT>

Pour que votre page s'affiche dans une fenêtreunique:
    Même appelée d'une "frame".
    Insérer ce script dans l'en-tête
    <SCRIPT>
    
    </SCRIPT>

Pour qu'un cookie soit "permanent":
Toujours entre entre <head> et </head> :
<meta Http-equiv="set-cookie" content="cookievalue" value=abc ; expires=Friday, 31-Dec-99 23:59:59 GMT ; path=/">.

Pour que les images s'affiche ras le bord de la page:
    Pour Nescape :
    <Body Marginheight="0" Marginwidth="0">
    Pour Internet Explorer :
   <Body Topmargin="0" Leftmargin="0">
    Donc pou les deux :
   <Body Marginheight="0" Topmargin="0"Marginwidth="0" Leftmargin="0">

Pour décrire un lien dans la barre d'état:
    <A Href="lien.htm" onMouseOver="window.status='Descrition du lien' ; return true"
    onMouseOut="status=' ' ; return true">

Pour précharger des images:
    Ajouter entre <head> et </head> :
    <script language="JavaScript">
    
    </script>

Pour donner le même cadre cible à tous les liens:
    Ajouter entre <head> et </head> :
    <meta http-equiv="window-target">
    <base target="principal">

page d'accueil