Image 1
Web development

Quelques codes HTML...

Découvrez une sélection de codes HTML et JavaScript simples pour personnaliser votre site : liens, images, pop-up et redirections automatiques.

As-tu aimé cet article ?

Voici quelques tutoriels utiles et pratiques pour embellir vos pages web. Notez qu'il est nécessaire de pouvoir insérer du HTML sur vos pages pour que ces codes fonctionnent.

Comment créer un lien de retour en arrière

Pour obtenir un lien sur votre page qui a le même effet que le bouton « Précédent » du navigateur, voici le code à insérer :

<a href="javascript:history.back(-1)">Retour</a>

Comment insérer un lien vers une adresse e-mail

Pour créer un lien cliquable vers votre adresse e-mail, utilisez ce code :

<a href="mailto:TON EMAIL">écrivez-moi</a>

Remarque : vous pouvez remplacer le texte « écrivez-moi » par ce que vous souhaitez (ex : mon e-mail).

Comment transformer une image en lien cliquable

Pour rendre une image cliquable et rediriger vers une page, voici le code nécessaire :

<a href="URL DE LA PAGE"><img src="URL DE L'IMAGE" border="0"></a>

Comment ajouter une alerte JavaScript sur une page

Pour faire apparaître une fenêtre pop-up avec un message lors de la visite d'une page, insérez ce code :

<script language="JavaScript">alert("TON MESSAGE")</script>

Comment mettre une musique de fond sur votre site

Pour insérer un fichier musical en arrière-plan sur vos pages, ajoutez ce code :

<bgsound src="NOM DU FICHIER MIDI" autostart="true" loop="3">

(Le chiffre après « loop » correspond au nombre de répétitions du morceau.)

Comment afficher un message pendant le chargement de la page

Pour afficher un message à vos visiteurs pendant que la page se charge, placez ce code :

<div style="position:absolute;left:0;top:0;">VOTRE MESSAGE ICI</div>

Comment créer une fenêtre pop-up

Une pop-up est une fenêtre secondaire qui s'ouvre automatiquement. Voici les codes à insérer :

Lien texte vers une pop-up

<a href="#" onClick="MyWindow=window.open('ADRESSE DE LA PAGE','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=LARGEUR,height=HAUTEUR'); return false;">NOM DU LIEN</a>

Lien image vers une pop-up

<a href="#" onClick="MyWindow=window.open('ADRESSE DE LA PAGE','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=LARGEUR,height=HAUTEUR'); return false;"><img src="URL DE L'IMAGE" border="0"></a>

Comment afficher le nombre de visiteurs en ligne

Pour connaître le nombre de visiteurs connectés sur votre site, insérez ce code :

<!-- Start FastOnLineUsers.com -->
<font face="Verdana"><a href="http://www.fastonlineusers.com" target="_blank"><script src="http://www.fastonlineusers.com/en/bsonline/uo.php?j=1&s=URL DE TON SITE"></script>visiteur(s) en ligne</a></font>
<!-- End FastOnLineUsers.com -->

Comment mettre une image en fond d'écran

Vous souhaitez utiliser une image en arrière-plan ? Assurez-vous qu'elle soit hébergée sur Internet, puis insérez :

<body background="URL DE TON FOND">

Comment créer une redirection automatique

Si vous avez changé l'adresse de votre site, insérez ce code dans votre ancienne page d'accueil pour rediriger automatiquement les visiteurs :

<meta http-equiv="refresh" content="#secondes;URL=NOUVELLE PAGE">

Remarque : remplacez « secondes » par le délai avant la redirection (5 secondes minimum).

J'espère que ces codes vous seront utiles pour votre site !

As-tu aimé cet article ?
missorlando
missorlando @missorlando
3 articles 0 abonnés

Commentaires (3)

Connexion pour laisser un commentaire.

Chargement des commentaires...

Articles similaires