<?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Webaide.net</title>
<link>http://www.webaide.net</link>
<description>Ressources pour webmaster, et sur l informatique en general</description>
<language>fr</language>
<generator>http://www.webaidenet/</generator>

<item>
  <title>Générateur CSS de scrollbar</title>
  <link>http://www.webaide.net/Generateur-CSS-de-scrollbar-aide-142.html</link>
  <guid >http://www.webaide.net/Generateur-CSS-de-scrollbar-aide-142.html</guid>
  <dc:date>2007-02-23T11:17:11Z</dc:date>
  <dc:format>text/html</dc:format>
  <dc:language>fr-fr</dc:language>
  <dc:creator>spado</dc:creator>
  <category domain="http://www.webaide.nethttp://www.webaide.net/Outils-en-ligne-dossier-2.html">Outils en ligne</category>
  <description>Générateur de CSS pour vos barre de défilements. ( cette option ne fonctionne qu'avec Internet explorer ), avec un aperçu en direct du résultat.</description>
<content:encoded><![CDATA[<img src="/images/articles/142/scrollbar.gif" alt="scrollbar" style="float:right" />

<script language="javascript">
function createoption() {
var hexa = new Array('00','11','22','33','44','55','66','77','88','99','AA','BB','CC','DD','EE','FF');
for (a=0;a<16;a++) {
for (b=0;b<16;b++) {
for (c=0;c<16;c++) {

code = hexa[a]+hexa[b]+hexa[c];
document.write('<option value="'+code+'" style="background-color:#'+code+'">'+code+'</option>')
}
}
}
}

function choixcoul(form) {

defaut = '0';

form.sortie.value='html { \n';

if (form.face.value != defaut) {
form.sortie.value +='scrollbar-face-color:#'+form.face.value+';\n'
form.test.style.scrollbarFaceColor='#'+form.face.value;
}

if (form.highlight.value != defaut) {
form.sortie.value +=' scrollbar-highlight-color:#'+form.highlight.value+';\n '
form.test.style.scrollbarHighlightColor='#'+form.highlight.value;
}

if (form.dlight.value != defaut) {
form.sortie.value +='scrollbar-3dlight-color:#'+form.dlight.value+'; \n'
form.test.style.scrollbar3dLightColor='#'+form.dlight.value;
}

if (form.darkshadow.value != defaut) {
form.sortie.value +='scrollbar-darkshadow-color:#'+form.darkshadow.value+'; \n'
document.body.style.scrollbarDarkShadowColor='#'+form.darkshadow.value;
}

if (form.shadow.value != defaut) {
form.sortie.value += ' scrollbar-shadow-color:#'+form.shadow.value+'; \n '
form.test.style.scrollbarShadowColor='#'+form.shadow.value;
}

if (form.arrow.value != defaut) {
form.sortie.value +=' scrollbar-arrow-color:#'+form.arrow.value+'; \n'
form.test.style.scrollbarArrowColor='#'+form.arrow.value;
}

if (form.track.value != defaut) {
form.sortie.value += 'scrollbar-track-color:#'+form.track.value+'; \n'
form.test.style.scrollbarTrackColor='#'+form.track.value;
}


form.sortie.value += '}';

}

</script>

<form method="post"> 

arrow-color :<select size="1" name="arrow" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>

<br />

hightlight :
<select size="1" name="highlight" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br />

face-color:
<select size="1" name="face" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br />

3dlight :
<select size="1" name="dlight" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br />

darkshadow :
<select size="1" name="darkshadow" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br />

shadow-color :
<select size="1" name="shadow" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br />

track-color:
<select size="1" name="track" onChange="choixcoul(this.form)">
<option selected="selected"  value="0">Choisir une couleur</option>
<script language="javascript">
createoption();
</script>
</select>
<br /><br />
<input type="button" value="Generer" onclick="choixcoul(this.form,'param')">
<br /><br />
<textarea name="test" cols="40" rows="5">

fenetre d'apercu, vous devriez voir la barre de defilement ici ->



oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</textarea>
<br /><br />
<div style="info">
<textarea name="sortie" cols="40" rows="12">

</textarea>
</div>

</form>>]]></content:encoded>
</item>
</channel>
</rss>


