Menu

Site Accueil Site ... Forum Démo L'annuaire LW

A propos de Lovely Web Version n°12 par Alexia Forum : LovelyWebForum Hébergeur : Starszz.com. Thank you so much!

Tagboard

HTML DIVERS Les liens

 

 

I Liens vers un autre site :

<a href="URL PAGE">NOM DU LIEN</a>

Pour que ce nouveau site s'ouvre dans une nouvelle fenêtre ajouté : target="_blank"
<a href="http://tonsite.org" target="_blank">NOM DU LIEN</a>

 

 

II Liens vers une adresse email :

<a href="mailto:TOI@TONSITE.ORG">NOM DU LIEN</a>

Pour prédéfinir un sujet ajoutez ?subject=SUJET DU MESSAGE" après l'adresse email :
<a href="mailto:TOI@TONSITE.ORG?subject=SUJET DU MESSAGE">NOM DU LIEN</a>

 

 

III Liens sur une image :

<a href="http://www.lovely-web.fr.cx"><img src="http:///www.lovely-web.fr.cx/bouton_lw_04.png"></a>

Pour que le lien s'ouvre dans une autre fenêtre, ajouter target="_blank" après l'adresse du site. [Voir I Liens vers un autre site ]

Pour supprimer le contour (violet ou bleu) ajoutez le code :  border="0" après l'URL de l'image. Ce qui donne :

<a href="http://www.lovely-web.fr.cx"><img src="http:///www.lovely-web.fr.cx/bouton_lw_04.png" border="0"></a>

 

 

III Aller à la page précédente :

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

Il est plus simple d'utiliser ce lien plutôt qu'à chaque fois mettre le lien de la page d'avant qui change très souvent.

 

 

IV Fenêtre popup

Une fenêtre popup est un fenêtre avec des dimensions prédéfinies que le visiteurs du site ne peut pas changer.
Pour un exemple, clique ICI.

Voici le code pour en faire une :

<a href="#" onClick="crush=window.open('PAGEURL','popup','toolbar=no, location=no, directories=no, status=yes, menubar=no, scrollbars=yes, resizable=no,  width=NUMBER HERE, height=NUMBER HERE');return false;">NOM DU LIEN</a>

Maintenant tu dois changer les infos :
PAGEURL : mets l'adresse internet (http://.....) de la page que tu veux faire apparaitre en popup.
scrollbars=yes : met no si tu ne veux pas de barre de défilement.
width=300 : la largeur de la fenêtre.
height=150 : la hauteur de la fenêtre.

 

 

V Fermer une fenêtre popup :

<a HREF="javascript:window.close()">Close</a>

Pour un exemple, clique ICI.

 

 

VI Lien bouton :

Pour avoir un bouton comme celui-ci :

<form method="link" action="URL DU LIEN"> <input type="submit" value="Cliquez ici"></form>

action="http://...." ---> URL de la page
value="cliquez ici" ---> Nom du lien sur le bouton

 

 

VI Lien arc-en-ciel :

Pour avoir des liens qui change de couleurs, mettez le code ci-dessous n'importe où dans votre page html.

<script language="JavaScript1.2"> <!--Source for Rainbow.js--> var rate = 100; // Increase amount(The degree of the transmutation) //////////////////////////////////////////////////////////////////// // Main routine var obj; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } //============================================================================= // doRainbow // This function begins to change a color. //============================================================================= function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } //============================================================================= // stopRainbow // This function stops to change a color. //============================================================================= function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } //============================================================================= // doRainbowAnchor // This function begins to change a color. (of a anchor, automatically) //============================================================================= function doRainbowAnchor() { if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // stopRainbowAnchor // This function stops to change a color. (of a anchor, automatically) //============================================================================= function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Change Color // This function changes a color actually. //============================================================================= function ChangeColor() { obj.style.color = makeColor(); } //============================================================================= // makeColor // This function makes rainbow colors. //============================================================================= function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; } </script>

 

 

 

... retour. - | - Des questions sur ce turorial?

Tutoriaux

HTML Texte Images Divers CODAGE DE SITE CSS Codage Coder le design PHP PROGRAMMES/SCRIPTS Coppermine Cutenews Divers RESSOURCES Ressources externes Ressources LW REVIEWS Vous inscrire ? Reviews terminées Reviews en attente VOTRE SITE? Design Conseil Liens utiles Hébergeurs