Trucs et astuces (2)


Une icône personnalisée pour les favoris d'Internet Explorer ?

La solution est très simple à réaliser au point de vue HTML, mais plus complexe en ce qui concerne la création de l'icône proprement dite.

Lorsque Internet Explorer décèle la présence de ce fichier "système", il remplacera l'icône par défaut, liée aux favoris de votre site, par celle créée dans favicon.ico !

<LINK href="favicon.ico" rel="SHORTCUT ICON">

Pour créer votre icône personnalisée, il faut employer un programme spécifique, comme par exemple, microangelo, disponible en téléchargement sur le site.

Il se pourrait que l'icône n'apparaisse pas de suite : pas de panique, il faut que celle-ci soit chargée dans votre cache et cela prend parfois quelques secondes...

Cette possibilité existe mais actuellement uniquement comme extension d'Internet Explorer ! Netscape ignore, sans problème, celle-ci :

Ajouter dans la balise <BODY> la propriété suivante : bgproperties="fixed"

Exemple :

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" bgproperties="fixed">

Une autre extension intéressante et de nouveau, uniquement disponible actuellement sous IE est celle de cacher l'ascenseur - la barre de scroll :

Ajouter dans la balise <BODY> la propriété suivante : scroll="no"

Exemple :

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" scroll="no">

Vous pouvez bien sûr combiner les deux propriétés.

Dans WebExpert 5, il est très facile de choisir ces propriétés ! Dans l'onglet "Spécialisés", cliquez sur le 2ème bouton Corps du document et cochez (décochez) les cases désirées :

Pour fixer le fond d'écran et enlever (ou laisser) le scroll...

 


Barres de défilement (scroll-bars) en couleur !

Il faut employer des feuilles de style, comme l'exemple ci-dessous (couleur Microsoft) :

<style>

body {
scrollbar-face-color : #6699cc ;
scrollbar-shadow-color : #003399 ;
scrollbar-highlight-color : #99CCFF ;
scrollbar-3dlight-color : #99ccff ;
scrollbar-darkshadow-color : #000000 ;
scrollbar-track-color : #F1F1F1 ;
scrollbar-arrow-color : #000000 ;
}

</style>

Ajouter ce code et personnalisez-le dans votre éditeur HTML préféré ;-)