Créer un site gratuitement
Close
codes des couleurs
Choix des couleurs
Choisissez votre couleur
<!-- ' Choix de couleur ' http://www.henri-ruch.ch ' Exemple et code libre de tout droit. ' Toute amélioration du code est la bienvenue. ' Contactez henri@henri-ruch.ch ' --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Choix des couleurs</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF"> <form name="form1"> <center> Choisissez votre couleur <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table cellspacing=0 cellpadding=0 border="0"> <tr> <td width="10" height="10" bgcolor="#000000"><a href="#" onClick="document.form1.resultat.value='#000000';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#000033"><a href="#" onClick="document.form1.resultat.value='#000033';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#000066"><a href="#" onClick="document.form1.resultat.value='#000066';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#000099"><a href="#" onClick="document.form1.resultat.value='#000099';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0000CC"><a href="#" onClick="document.form1.resultat.value='#0000CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0000FF"><a href="#" onClick="document.form1.resultat.value='#0000FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#003300"><a href="#" onClick="document.form1.resultat.value='#003300';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#003333"><a href="#" onClick="document.form1.resultat.value='#003333';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#003366"><a href="#" onClick="document.form1.resultat.value='#003366';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#003399"><a href="#" onClick="document.form1.resultat.value='#003399';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0033CC"><a href="#" onClick="document.form1.resultat.value='#0033CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0033FF"><a href="#" onClick="document.form1.resultat.value='#0033FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#006600"><a href="#" onClick="document.form1.resultat.value='#006600';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#006633"><a href="#" onClick="document.form1.resultat.value='#006633';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#006666"><a href="#" onClick="document.form1.resultat.value='#006666';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#006699"><a href="#" onClick="document.form1.resultat.value='#006699';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0066CC"><a href="#" onClick="document.form1.resultat.value='#0066CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0066FF"><a href="#" onClick="document.form1.resultat.value='#0066FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#009900"><a href="#" onClick="document.form1.resultat.value='#009900';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#009933"><a href="#" onClick="document.form1.resultat.value='#009933';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#009966"><a href="#" onClick="document.form1.resultat.value='#009966';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#009999"><a href="#" onClick="document.form1.resultat.value='#009999';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0099CC"><a href="#" onClick="document.form1.resultat.value='#0099CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#0099FF"><a href="#" onClick="document.form1.resultat.value='#0099FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#00CC00"><a href="#" onClick="document.form1.resultat.value='#00CC00';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00CC33"><a href="#" onClick="document.form1.resultat.value='#00CC33';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00CC66"><a href="#" onClick="document.form1.resultat.value='#00CC66';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00CC99"><a href="#" onClick="document.form1.resultat.value='#00CC99';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00CCCC"><a href="#" onClick="document.form1.resultat.value='#00CCCC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00CCFF"><a href="#" onClick="document.form1.resultat.value='#00CCFF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#00FF00"><a href="#" onClick="document.form1.resultat.value='#00FF00';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00FF33"><a href="#" onClick="document.form1.resultat.value='#00FF33';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00FF66"><a href="#" onClick="document.form1.resultat.value='#00FF66';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00FF99"><a href="#" onClick="document.form1.resultat.value='#00FF99';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00FFCC"><a href="#" onClick="document.form1.resultat.value='#00FFCC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#00FFFF"><a href="#" onClick="document.form1.resultat.value='#00FFFF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> </table> </td> <td><table cellspacing=0 cellpadding=0 border="0"> <tr> <td width="10" height="10" bgcolor="#330000"><a href="#" onClick="document.form1.resultat.value='#330000';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#330033"><a href="#" onClick="document.form1.resultat.value='#330033';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#330066"><a href="#" onClick="document.form1.resultat.value='#330066';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#330099"><a href="#" onClick="document.form1.resultat.value='#330099';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3300CC"><a href="#" onClick="document.form1.resultat.value='#3300CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3300FF"><a href="#" onClick="document.form1.resultat.value='#3300FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#333300"><a href="#" onClick="document.form1.resultat.value='#333300';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#333333"><a href="#" onClick="document.form1.resultat.value='#333333';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#333366"><a href="#" onClick="document.form1.resultat.value='#333366';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#333399"><a href="#" onClick="document.form1.resultat.value='#333399';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3333CC"><a href="#" onClick="document.form1.resultat.value='#3333CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3333FF"><a href="#" onClick="document.form1.resultat.value='#3333FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#336600"><a href="#" onClick="document.form1.resultat.value='#336600';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#336633"><a href="#" onClick="document.form1.resultat.value='#336633';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#336666"><a href="#" onClick="document.form1.resultat.value='#336666';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#336699"><a href="#" onClick="document.form1.resultat.value='#336699';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3366CC"><a href="#" onClick="document.form1.resultat.value='#3366CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3366FF"><a href="#" onClick="document.form1.resultat.value='#3366FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#339900"><a href="#" onClick="document.form1.resultat.value='#339900';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#339933"><a href="#" onClick="document.form1.resultat.value='#339933';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#339966"><a href="#" onClick="document.form1.resultat.value='#339966';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#339999"><a href="#" onClick="document.form1.resultat.value='#339999';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3399CC"><a href="#" onClick="document.form1.resultat.value='#3399CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#3399FF"><a href="#" onClick="document.form1.resultat.value='#3399FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#33CC00"><a href="#" onClick="document.form1.resultat.value='#33CC00';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33CC33"><a href="#" onClick="document.form1.resultat.value='#33CC33';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33CC66"><a href="#" onClick="document.form1.resultat.value='#33CC66';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33CC99"><a href="#" onClick="document.form1.resultat.value='#33CC99';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33CCCC"><a href="#" onClick="document.form1.resultat.value='#33CCCC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33CCFF"><a href="#" onClick="document.form1.resultat.value='#33CCFF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#33FF00"><a href="#" onClick="document.form1.resultat.value='#33FF00';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33FF33"><a href="#" onClick="document.form1.resultat.value='#33FF33';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33FF66"><a href="#" onClick="document.form1.resultat.value='#33FF66';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33FF99"><a href="#" onClick="document.form1.resultat.value='#33FF99';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33FFCC"><a href="#" onClick="document.form1.resultat.value='#33FFCC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#33FFFF"><a href="#" onClick="document.form1.resultat.value='#33FFFF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> </table> </td> <td><table cellspacing=0 cellpadding=0 border="0"> <tr> <td width="10" height="10" bgcolor="#660000"><a href="#" onClick="document.form1.resultat.value='#660000';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#660033"><a href="#" onClick="document.form1.resultat.value='#660033';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#660066"><a href="#" onClick="document.form1.resultat.value='#660066';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#660099"><a href="#" onClick="document.form1.resultat.value='#660099';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#6600CC"><a href="#" onClick="document.form1.resultat.value='#6600CC';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> <td width="10" height="10" bgcolor="#6600FF"><a href="#" onClick="document.form1.resultat.value='#6600FF';return false"><img src="dummy.gif" alt="couleur" width="10" height="10" border="0"></a></td> </tr> <tr> <td width="10" height="10" bgcolor="#66330 </div> </div> </div> </div> </div> <div class="clear"></div> <div class="plugin_container comments_container" id="comments_pages"> <h6 class="content_title">Commentaires <small>(2)</small></h6> <div class="comment_page list_items"> <div class="comment item odd_item"> <div class="comment_avatar"> <img src="http://www.gravatar.com/avatar/b1736efbc73704144f837ce59e25eebb?size=100&d=mm" alt=""/> </div> <div class="comment_content"> <p class="comment_infos item_infos"> <span class="comment_number">1.</span> <span class="comment_author">Rose (<a href="javascript:void(0);" onclick="window.open('http://www.lesoubliesdelasociete.e-monsite.com');return false;" title="site web" rel="nofollow">site web</a>)</span> <span class="comment_date">13/05/2010</span> </p> <p class="comment_text"> Re re re bonjour !<br /> Eh oui! c'est encore moi !<br /> Comment pourais-je avoir le script de ce nuancier pour l'intégrer sur mon site STP ! Merciiiiiiiiiii !<br /> Amitiés<img src="http://pause-cafe.e-monsite.com/medias/static/themes/smileys/47.gif" alt=""/> </p> </div> <div class="clear20"></div> </div> <div class="comment item even_item"> <div class="comment_avatar"> <img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?size=100&d=mm" alt=""/> </div> <div class="comment_content"> <p class="comment_infos item_infos"> <span class="comment_number">2.</span> <span class="comment_author">SYLVAINUFOETSCIENCE</span> <span class="comment_date">27/07/2009</span> </p> <p class="comment_text"> <img src="http://pause-cafe.e-monsite.com/medias/static/themes/smileys/60.gif" alt=""/>UN PETIT BONJOUR?A +<img src="http://pause-cafe.e-monsite.com/medias/static/themes/smileys/60.gif" alt=""/> </p> </div> <div class="clear20"></div> </div> </div> </div><!-- /comments --> <div class="plugin_container form_container" id="form_pages_container"> <h6 class="content_title">Ajouter un commentaire</h6> <form method="post" action="http://pause-cafe.e-monsite.com/pages/codes-des-couleurs.html#comment" class="form_standard" id="comment"> <div class="form_line "> <label for="comment_field_name" class="field_required">Nom</label> <input type="text" name="name" id="comment_field_name" class="textfield required" title="Nom" value=""/> </div> <div class="form_line "> <label for="comment_field_email">E-mail</label> <input type="text" name="email" id="comment_field_email" class="textfield" title="E-mail" value=""/> </div> <div class="form_line "> <label for="comment_field_url">Site Internet</label> <input type="text" name="web" id="comment_field_url" class="textfield" title="Site Internet" value=""/> </div> <div class="form_line "> <label for="comment_field_message" class="field_required">Message</label> <span class="form_standard_text_format_icons"> <a class="text_format_bold" title="" href="javascript:void(0);" onclick="insertTextarea('[b]', '[/b]', 'comment_field_message');return false;"></a> <a class="text_format_italic" title="" href="javascript:void(0);" onclick="insertTextarea('[i]', '[/i]', 'comment_field_message');return false;"></a> <a class="text_format_underline" title="" href="javascript:void(0);" onclick="insertTextarea('[u]', '[/u]', 'comment_field_message');return false;"></a> <a class="text_format_quote" title="" href="javascript:void(0);" onclick="insertTextarea('[quote]', '[/quote]', 'comment_field_message');return false;"></a> <a class="text_format_align_center" title="" href="javascript:void(0);" onclick="insertTextarea('[center]', '[/center]', 'comment_field_message');return false;"></a> <a class="text_format_link" title="" href="javascript:void(0);" onclick="insertTextarea('[url]', '[/url]', 'comment_field_message');return false;"></a> <a class="text_format_img" title="" href="javascript:void(0);" onclick="insertTextarea('[image]', '[/image]', 'comment_field_message');return false;"></a> </span> <script type="text/javascript"> function insertTextarea(bbopen, bbclose, textarea_id) { var input = document.getElementById(textarea_id); input.focus(); /* for Internet Explorer )*/ if(typeof document.selection != 'undefined') { var range = document.selection.createRange(); var insText = range.text; range.text = bbopen + insText + bbclose; range = document.selection.createRange(); if (insText.length == 0) { range.move('character', -bbclose.length); } else { range.moveStart('character', bbopen.length + insText.length + bbclose.length); } range.select(); } /* for newer browsers like Firefox */ else if(typeof input.selectionStart != 'undefined') { var start = input.selectionStart; var end = input.selectionEnd; var insText = input.value.substring(start, end); input.value = input.value.substr(0, start) + bbopen + insText + bbclose + input.value.substr(end); var pos; if (insText.length == 0) { pos = start + bbopen.length; } else { pos = start + bbopen.length + insText.length + bbclose.length; } input.selectionStart = pos; input.selectionEnd = pos; } /* for other browsers like Netscape... */ else { var pos; var re = new RegExp('^[0-9]{0,3}$'); while(!re.test(pos)) { pos = prompt("insertion (0.." + input.value.length + "):", "0"); } if(pos > input.value.length) { pos = input.value.length; } var insText = prompt("Please tape your text"); input.value = input.value.substr(0, pos) + bbopen + insText + bbclose + input.value.substr(pos); } } </script> <textarea name="comment" rows="10" cols="1" id="comment_field_message" class="textfield required form_standard_indent" title="Message">
Code de sécurité
Créer un site gratuit
avec e-monsite -
Signaler un contenu illicite sur ce site
