1. Favicon :

Code :

<script type="text/javascript">

var head = parent.document.getElementsByTagName("head")[0];

var favicon = parent.document.createElement("link");

favicon.rel = ("shortcut icon");

favicon.href = ("chemin/de/la/favicon.ico");

head.appendChild(favicon);

</script>

Ajouter une favicon sur un site web n’ayant pas de nom de domaine personnel.

Ajouter une favicon  ayant une extension différente d’ico (png jpg gif).

Ajouter une favicon différente du reste du site.

2. Ajouter une image en arrière-plan de navigateur :

Code :

<script language="JavaScript" type="text/javascript">

parent.document.body.style.backgroundImage='url(chemin/de/votre/image.jpg)';

</script>

Ajouter une image hébergée sur un autre serveur pour votre arrière-plan.

Avoir la même image (même URL) pour plusieurs pages d’un même site.

Profiter d’une image et d’une autre couleur que le blanc (à choisir dans iWeb) comme arrière-plan de navigateur.

3. Ajouter une image fixe en arrière-plan de navigateur :

Code :

<script language="JavaScript" type="text/javascript">

parent.document.body.style.backgroundImage='url(chemin/de/votre/image.jpg)';

parent.document.body.style.backgroundAttachment='fixed';

</script>

Remarque :

Le coin supérieur droit de votre navigateur reçoit le coin supérieur droit de votre image. l’image n’est plus centrée horizontalement ni verticalement.

Quelques lignes à rajouter avant </script> selon vos besoins :

Centrer l’image d’arrière-plan (au choix a ou b, mais pas a et b) :

a. horizontalement et verticalement :

parent.document.body.style.backgroundPosition='center';

b.  horizontalement seulement, en haut du navigateur :

parent.document.body.style.backgroundPosition='center 0';

Remplacer 0 par 50px si vous souhaiter que l’image soit décalée de 50 px de la partie du navigateur.

Motifs répétés (au choix a ou b, mais pas a et b) :

a. Pas de mosaïque :

parent.document.body.style.backgroundRepeat='no-repeat';

b. image répétée uniquement horizontalement :

parent.document.body.style.backgroundRepeat='repeat-x';

pour la verticale remplacer 'repeat-x' par 'repeat-y' .

parent.document.body.style.backgroundColor='#000';

Changer la couleur dans ce code (ici noir : #000)

4. Associer un flux RSS à la barre d’adresse de votre page :

Code :

<script language="JavaScript" type="text/javascript">

var headID = parent.document.getElementsByTagName("head")[0];

var newlink = parent.document.createElement('link');

newlink.type = 'application/rss+xml';

newlink.title = 'RSS';

newlink.href = 'chemin/de/votre/flux/RSS.xml';

headID.appendChild(newlink);</script>

Associer le flux RSS en dehors de la partie blog du site.

Associer un flux RSS d’un autre site.

5. 5.Immobiliser une partie de la page :
   

Rappel :

Avant d’immobiliser une partie de la page, il faut l’identifier :

Votre page (body_content) contient 4 grandes parties : la zone du menu de navigation (nav_layer), l’entête avec le titre(header_layer), le contenu (body_layer) et le pied de page (footer_layer).

Code : Dans le code ci-dessous, on immobilise la zone de navigation

<script language="JavaScript" type="text/javascript">

elementfixe = parent.document.getElementById('nav_layer');

elementfixe.style.position='fixed';

elementfixe.style.zIndex='100';

</script>

Concernant la page que vous lisez actuellement, j’ai choisi de ne pas afficher le menu de navigation, et d’immobiliser la zone d’entête (header_layer). Comme elle contient par défaut deux zones de texte, l’une a servi à afficher le titre, l’autre un menu personnalisé fait de simples liens.

Interprétation du code :

trouver la zone réservée au menu de navigation (nav_layer), la fixer (fixed)  en la mettant dans un plan tres superficiel (zindex=‘100’;) pour qu’elle ne soit pas recouverte.

Attention :

Par défaut, sans autre précision, la zone en question sera fixée en haut de la page. La partie supérieure des autres parties de la page viendront se cacher en haut de la page sous cette partie fixe. Pensez donc à ajouter une zone de texte vide de la hauteur de la partie fixée pour éviter ce chevauchement génant.

En l’état actuel, mauvais affichage de la page dans iE.

6. 6.Redirection instantanée et redirection retardée
   

Exemple : la page merci (page qui s’affiche une fois que vous avez envoyé le formulaire sur la page dédiée) redirige après un certain temps vers la page d’accueil du blog.

Source : pas de code donné ici, Allez à la source :

ClubiWeb (version iWeb)

Intérêts :

«Ajouter» une page externe (un forum) au menu de navigation d’iWeb (redirection  instantanée vers une page externe)

Une page de remerciements  et autres fantaisies (redirection retardée).

7. Permettre le zoom du texte dans Safari

<script language="JavaScript" type="text/javascript">

<!--

 

parent.document.body.style.webkitTextSizeAdjust = "auto";

 

// -->

</script>

Intérêt :

Par défaut, si vous faites cmd + ou cmd  - dans Safari, la taille de la police d’une page iWeb ne change pas, cette possibilité a été désactivée. Ce javascript permet le permet à nouveau.