http://www.toulouse-renaissance.net/c_outils.htm pour plus cliquez sur ce lien
Outils pour Webmaster
pour avoir des liens qui changent de ciuleure
<!-- DEBUT DU SCRIPT LIENS QUI BOUGENT-->
<style fprolloverstyle>A:hover {color: #FF00FF; font-style: italic; font-weight: bold}
</style>
<!-- FIN DU SCRIPT LIENS QUI BOUGENT-->
changement de couleur sur un lien
<!--DEBUT CODE COULEUR SUR LIENS-->
<style>
<!--
A:link {text-decoration: none; color: #0000FF; font-family: Times New Roman, Arial; font-size: 12pt}
A:visited {text-decoration: none; color: #6699CC; font-family: Times New Roman, Arial; font-size: 12pt}
A:active {text-decoration: none; color: #FF0000; font-family: Times New Roman, Arial; font-size: 12pt}
A:hover {text-decoration: underline; color: #FF0000; font-size: 12pt}
-->
</style>
<!--FIN CODE COULEUR SUR LIENS-->
plusieurs exemples
<!--DEBUT CODE COULEUR SUR LIENS-->
<style TYPE="text/css">
<!--
A:hover {color:#008080;}
-->
</style>
<!--FIN CODE COULEUR SUR LIENS-->
<!--DEBUT CODE COULEUR SUR LIENS-->
<style fprolloverstyle>A:hover {color: #FF00FF; font-style: italic; font-weight: bold}
</style>
<!--FIN CODE COULEUR SUR LIENS-->
<!--DEBUT CODE COULEUR SUR LIENS-->
<style>
<!--
A.type1:link {color:#00CC33; text-decoration:none;}
A.type1:visited {color:#00CC33; text-decoration:none;}
A.type1:active {color:#00CC33; text-decoration:none;}
A.type1:hover {color:#00FF80; text-decoration:underline;}
A.type2:link {color:#FF0000; text-decoration:underline;}
A.type2:visited {color:#FF0000; text-decoration:underline;}
A.type2:active {color:#FF0000; text-decoration:underline;}
A.type2:hover {color:#ABCDEF; text-decoration:underline;}
A.type3:link {color:#00CCFF; text-decoration:none;}
A.type3:visited {color:#00CCFF; text-decoration:none;}
A.type3:active {color:#00CCFF; text-decoration:none;}
A.type3:hover {color:#FF8000; text-decoration:overline underline;}
//-->
</style>
<!--FIN CODE COULEUR SUR LIENS-->
du texte en arc-en-ciel
<!-- DEBUT DU SCRIPT RAINBOW-->
<b>
<font size="5">
<script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/
// ********** MAKE YOUR CHANGES HERE
var text="RAINBOW TEXT" // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br><font face="arial, helvetica" size="-2"><a href="JavaScript'>http://javascriptkit.com">JavaScript Kit</a></font></p><!-- FIN DU SCRIPT RAINBOW-->
un lien éclairé
<!--DEBUT CODE ECLAIRAGE SUR LIEN-->
<style TYPE="text/css">
<!--
A:hover {text-decoration:none; background: #FFFFCC}
A:hover {color:#FF0000;}
-->
</style>
<!--FIN CODE ECLAIRAGE SUR LIEN -->
changement de couleurs sur le scroll
<!-- Début Couleur des scroll-->
<style TYPE="text/css">
BODY {
scrollbar-face-color: #FFCC00;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFCC;
scrollbar-arrow-color: #000000;
}
</style>
<!-- Fin Couleur des scroll-->
codé des couleures en html
| #000099 | #0000CC | #0000FF | |||
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
entre les balise <head> et </head>
<!--DEBUT CODE COULEURS SURES-->
<script LANGUAGE="JavaScript">
<!-- Script développé par Olivier Hondermarck Mail: jscript@multimania.com -->
<!-- D'autres scripts et des conseils sur http://www.multimania.com/jscript -->
//D'autres scripts sur http://www.multimania.com/jscript
//Si vous utilisez ce script, merci de m'avertir ! < jscript@multimania.com >
function disp(txt) {document.write(txt);}
function AffCol() {
disp("<CENTER><BIG><big>Les 216 couleurs sûres en HTML</BIG></BIG></CENTER><BR>");
disp("<TABLE>");
var hexa=new Array('00','33','66','99','CC','FF');
var colhexa="";
for(var i=0;i<6;i++) {
disp("<TR><TD colspan=6></TD></TR>");
for(var j=0;j<6;j++) {
disp("<TR>");
for(var k=0;k<6;k++) {
colhexa="#"+hexa[i]+hexa[j]+hexa[k];
disp("<TD width='30' bgcolor='"+colhexa+"'><FONT FACE='Arial' size='-2'>"+colhexa+"</FONT></TD>");
}
disp("</TR>");
}
}
disp("</TABLE>");
}
</script>
<!--FIN CODE COULEURS SURES-->
entre les balises <body> et </body>
<!--DEBUT CODE -->
<script language="JavaScript">
<!--
AffCol();
//-->
</script>
<!--FIN CODE -->
un fond d'écran qui reste fixe malgré le scroll
<BODY BACKGROUND="votre_image.jpg" style="background-attachment:fixed;">
un fond d'écran qui suit le curseur de votre souris
Entre les deux balises <head> et </head>
| <!-- DEBUT DU SCRIPT FOND MOBILE--> <!--Copyright http://www.akoter.com/--> <script LANGUAGE="Javascript"> function Akoter() { var x=window.event.x; var y=window.event.y; document.body.style.backgroundPosition=x + " " + y; } </script> <!-- FIN DU SCRIPT FOND MOBILE--> |
Dans votre balise <body>
| <BODY BACKGROUND="/images/MON_IMAGE.jpg" onMouseMove="Akoter()"> |
fond d'écran pour faire patienter le visiteur
<body bgcolor="#000000" background="mon_image.gif" le reste des autres codes ici>
choisissez l'image de votre curseur
<a href="votre_lien.htm" style="cursor:default">N'importe quel lien</a>
diaporama avec fondu enchaîné
<!-- DEBUT DU SCRIPT SLIDESHOW-->
===========================================================
Script: JavaScript Cross-Browser SlideShow Script
With Cross-Fade Effect between Images
Adjustable Timing and Unlimited Images
Function: Displays images continuously in a slideshow
presentation format, with a fade effect on
image transitions.
Browsers: All common browsers: NS3-6, IE 4-6
Fade effect only in IE; others degrade gracefully
Author: etLux
===========================================================
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
// =======================================
// Changer les variables suivantes
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '1.jpg'
Pic[1] = '2.jpeg'
Pic[2] = '3.gif'
Pic[3] = 'http://www.kazeo.com/images/perso/4.jpg'
Pic[4] = '5.jpg'
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
<!-- FIN DU SCRIPT SLIDESHOW-->
Dans la ligne de la balise <body>
| <!-- DEBUT DU SCRIPT --> <body onload="runSlideShow()"> <!-- FIN DU SCRIPT --> |
Entre les deux balises <body> et </body>
| <!-- DEBUT DU SCRIPT SLIDESHOW--> <p align="center"><table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU" height=150 width=150> <img src="1.jpg" name='SlideShow' width=150 height=150></td> </tr> </table></p> <!-- FIN DU SCRIPT SLIDESHOW--> |
Entre les deux balises <head> et </head>
| <!-- DEBUT DU SCRIPT SOLEIL--> <style> #glowtext {filter:glow(color=FFFF00,strength=3);width:100%;} </style> <!-- FIN DU SCRIPT SOLEIL--> |
Entre les deux balises <body> et </body>
| <!-- DEBUT DU SCRIPT SOLEIL--> <p><span id="glowtext">EXEMPLE</span></p> <!-- FIN DU SCRIPT SOLEIL--> |
transmission de page (effet explosif)
<head>
<title>Accueil 3</title>
<meta NAME="Robots" CONTENT="index, follow">
<meta NAME="expires" CONTENT="never">
<meta http-equiv="Content-type" CONTENT="text/html;charset=iso-8859-1">
<meta NAME="identifier-url" CONTENT="http://www.toulouse-renaissance.net/">
<script>
<!--
// Copyright Peter Gehrig and Urs Dudli.
// If you add this script to a script-library
// you have to add a link to http://www.24fun.ch
// La largeur de l'image en pixels
var imgwidth=144
// La hauteur de l'image en pixels
var imgheight=144
// Le nom de l'image à faire exploser
// The URL of the sliced image
var imgurl="http://www.kazeo.com/images/outils/493-entre.gif"
// L'adresse de destination après l'explosion
var redirurl="c_accueil.htm"
// La position de l'image par rapport au bord gauche
var x_finalpos=320
// La position de l'image par rapport au bord supérieur
var y_finalpos=160
// Le nombre de blocs découpés par ligne
var x_slices=8
// Le nombre de ligne de découpe
var y_slices=5
// La vitesse d'explosion
// Speed of explosion
var pause=10
/////// Ne MODIFIEZ PLUS RIEN /////////////
var marginright
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var x_random=new Array()
var y_random=new Array()
var max_explsteps=15
var i_explsteps=0
function initiate() {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
x_random[spancounter]=Math.ceil(240*Math.random())-120
y_random[spancounter]=Math.ceil(240*Math.random())-120
spancounter++
}
}
}
function explode_IE() {
spancounter=0
if (i_explsteps<=max_explsteps) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
thisspan.posLeft+=x_random[spancounter]
thisspan.posTop+=y_random[spancounter]
spancounter++
}
}
i_explsteps++
var timer=setTimeout("explode_IE()",pause)
}
else {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
thisspan.posLeft=-5000
spancounter++
}
}
clearTimeout(timer)
window.location=redirurl
}
}
// -->
</script>
</head>
<body onLoad="initiate()">
<script>
<!--
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
marginright=screen.width+50
document.write("<span id='span"+spancounter+"' style='position:absolute;visibility:visible; left:"+x_finalpos+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("<a href='javascript:explode_IE()'>")
document.write("<img src='"+imgurl+"' border='0'><BR>")
document.write("</a>")
document.write("</span>")
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
// -->
</script>
<p> </p>
<p align="center"><!-- DEBUT VOIR SOURCE--> <script>
<!--
function voir_source(){
window.location="view-source:"+window.location
}
//-->
</script> <a href="javascript:voir_source()">Voir la source du
code</a> <!-- FIN VOIR SOURCE--> </p>
<p align="center"><a href="c_accueil.htm"><b><big>Retour</big></b></a></p>
</body>
TABLEAU DES CODES ASCII
| ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 : : ; ; < < = = > > ? ? @ @ A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z [ [ \ \ ] ] ^ ^ _ _ ` ` a a b b c c d d e e f f |
g g h h i i j j k k l l m m n n o o p p q q r r s s t t u u v v w w x x y y z z { { | | } } ~ ~  €  ‚ ƒ „ … † ‡ ˆ ‰ Š ‹ Œ  Ž   ‘ ’ “ ” • – — ˜ ™ š › œ  ž Ÿ   ¡ ¡ ¢ ¢ £ £ ¤ ¤ ¥ ¥ ¦ ¦ § § ¨ ¨ © © ª ª « « ¬ ¬ |
­ ® ® ¯ ¯ ° ° ± ± ² ² ³ ³ ´ ´ µ µ ¶ ¶ · · ¸ ¸ ¹ ¹ º º » » ¼ ¼ ½ ½ ¾ ¾ ¿ ¿ À À Á Á Â Â Ã Ã Ä Ä Å Å Æ Æ Ç Ç È È É É Ê Ê Ë Ë Ì Ì Í Í Î Î Ï Ï Ð Ð Ñ Ñ Ò Ò Ó Ó Ô Ô Õ Õ Ö Ö × × Ø Ø Ù Ù Ú Ú Û Û Ü Ü Ý Ý Þ Þ ß ß à à á á â â ã ã ä ä å å æ æ ç ç è è é é ê ê ë ë ì ì í í î î ï ï ð ð ñ ñ ò ò |
ó ó ô ô õ õ ö ö ÷ ÷ ø ø ù ù ú ú û û ü ü ý ý þ þ ÿ ÿ Ā A ā a Ă A ă a Ą A ą a Ć C ć c Ĉ C ĉ c Ċ C ċ c Č C č c Ď D ď d Đ Ð đ d Ē E ē e Ĕ E ĕ e Ė E ė e Ę E ę e Ě E ě e Ĝ G ĝ g Ğ G ğ g Ġ G ġ g Ģ G ģ g Ĥ H ĥ h Ħ H ħ h Ĩ I ĩ i Ī I ī i Ĭ I ĭ i Į I į i İ I ı i IJ ? ij ? Ĵ J ĵ j Ķ K ķ k ĸ ? Ĺ L |
ĺ l Ļ L ļ l Ľ L ľ l Ŀ ? ŀ ? Ł L ł l Ń N ń n Ņ N ņ n Ň N ň n ʼn ? Ŋ ? ŋ ? Ō O ō o Ŏ O ŏ o Ő O ő o Œ œ Ŕ R ŕ r Ŗ R ŗ r Ř R ř r Ś S ś s Ŝ S ŝ s Ş S ş s Š š Ţ T ţ t Ť T ť t Ŧ T ŧ t Ũ U ũ u Ū U ū u Ŭ U ŭ u Ů U ů u Ű U ű u Ų U ų u Ŵ W ŵ w Ŷ Y ŷ y Ÿ Ź Z ź z Ż Z ż z Ž ž ſ ? |
Ϩ Ϩ Ё Ё Ђ Ђ Ѓ Ѓ Є Є Ѕ Ѕ І І Ї Ї Ј Ј Љ Љ Њ Њ Ћ Ћ Ќ Ќ Ѝ Ѝ Ў Ў Џ Џ А А Б Б В В Г Г Д Д Е Е Ж Ж З З И И Й Й К К Л Л М М Н Н О О П П Р Р С С Т Т У У Ф Ф Х Х Ц Ц Ч Ч Ш Ш Щ Щ Ъ Ъ Ы Ы Ь Ь Э Э Ю Ю Я Я а а б б в в г г д д е е ж ж з з и и й й к к л л м м н н о о п п р р с с т т у у ф ф х х |
ц ц ч ч ш ш щ щ ъ ъ ы ы ь ь э э ю ю я я ѐ ѐ ё ё ђ ђ ѓ ѓ є є ѕ ѕ і і ї ї ј ј љ љ њ њ ћ ћ ќ ќ ѝ ѝ ў ў џ џ Ѡ Ѡ – — ― ― ‗ ‗ ‘ ’ ‚ ‛ ‛ “ ” „ † ‡ • … ‰ ′ ′ ″ ″ ‹ › ‼ ‼ ‾ ‾ ⁄ ⁄ ⁿ ⁿ ₣ ₣ ₤ ₤ ₧ ₧ ₪ ₪ € ℅ ℅ ℓ ℓ № № ™ Ω Ω ℮ ℮ ⅛ ⅛ ⅜ ⅜ ⅝ ⅝ ⅞ ⅞ ← ← ↑ ↑ → → ↓ ↓ |
↔ ↔ ↕ ↕ ↨ ↨ ∂ ∂ ∆ ∆ ∏ ∏ ∐ ∐ ∑ ∑ − − ∕ ∕ ∙ ∙ √ √ ∞ ∞ ∟ ∟ ∩ ∩ ∫ ∫ ≈ ≈ ≠ ≠ ≡ ≡ ≤ ≤ ≥ ≥ ⌐ ⌐ ⌠ ⌠ ⌡ ⌡ |
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)