Sélecteur de couleur

[Aliiisson]

Bonjour,
J'ai suivi ce sujet ici afin de mettre un sélecteur de couleur sur mon forum.
J'ai ajouté le code dans la feuille de style CSS puis le code javascript, cependant, ça n'a rien changé sur mon forum.
J'ai encore le sélecteur de thème "normal" et non celui de l'astuce.

Je ne vois pas où est le problème

Voilà le contenu de ma page de feuille de style CSS :

Code:

body {
background-position: top center;
background-repeat: no-repeat;
}
.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}

.tstaff{font-size:2 em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #DEFAAA;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 100px;
left: -150px;
width: 300 px ; 174 px;}
a { text-decoration: none; }


.forumline {-moz-border-radius:10px;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 3px solid #F2B854;
border-top: 3px solid #F2B854;
border-right: 10px solid #F2B854;
border-left: 10px solid #F2B854;}

.button2{ -moz-border-radius: 5px;}
.code
{
-moz-border-radius: 15px;
padding-left: 8px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}

input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}

.bodyline{ -moz-border-radius: 10px;}


  .titrepa{
    background-color: #DEFAAA;
    color: #FFFFFF;
    text-align: center;
    padding: 1px;/
    font-size: 10px;
    }

    .contenupa{
    background-color: #F1FFD6;
    color: #F79C00;
    text-align: center;
    padding: 1px;
    font-size: 11px;
font-family: Trebuchet MS;
    }

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

Merci d'avance,
Alisson

[Invité]

Bonjour,

Vous avez bien suivi scrupuleusement le tuto, notamment pour la création de la page HTML ?

Quel script avez-vous mis dans la description du site ?

Cordialement

[Aliiisson]

Bonjour,
Oui, pour la page HTML, j'ai bien suivi le tutoriel. Mais je ne sais pas si j'ai fait correctement, j'ai simplement ajouter un code javascript, rien de plus.

Comment ça dans la description du site ?

[Invité]

1/ Pour la page HTML, il y a 2 étapes à suivre :

-Créer une page HTML en ne mettant d'abord que "abc" dans le code. Cela permet de créer la page. Ensuite, vous cliquez sur l'icône pour modifier le contenu du code et insérer celui qui est proposé dans le tuto.

2/ Vous avez un script donné dans le tuto à insérer dans le PA>général>forum>configuration>description du site. Ce code est de ce type :

Code:

Il vous faut remplacer "H1" par le numéro de votre page HTML.

Cordialement

Edit : il se peut que le script ci-dessus ne fonctionne pas. Dans ce cas, essayez de le remplacer par celui-ci :

Code:

<script type='text/javascript' src='http:URL DU LIEN DE VOTRE PAGE HTML'></script>

[Aliiisson]

D'acccord, merci.
Je fais donc d'abord une page dans "Gestion des pages HTML" où j'écris "abc" puis je l'a modifie ? Puis dans Javascript ?


EDIT:
J'ai fait ce que vous avez dit et cela ne fonctionne toujours pas.
Il faut que je crée une page HTML ou une page javascript ?

[Invité]

Oui, vous créez une page HTML dans "gestion des pages HTML" et ensuite vous la modifiez.

Les codes que je vous ai fourni sont à insérer dans la description du site comme je vous l'ai indiqué précédemment, pas dans la gestion du Javascript.

Cordialement

[Aliiisson]

Merci beaucoup, ça fonctionne parfaitement