Sélecteur de couleur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Sélecteur de couleur

Message par Aliiisson le Mer 6 Juil 2011 - 10:38

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 reflexion

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


Dernière édition par Aliiisson le Mer 6 Juil 2011 - 11:00, édité 1 fois

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Invité le Mer 6 Juil 2011 - 10:39

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Aliiisson le Mer 6 Juil 2011 - 10:43

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 ?

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Invité le Mer 6 Juil 2011 - 10:46

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>

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Aliiisson le Mer 6 Juil 2011 - 10:53

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 ?

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Invité le Mer 6 Juil 2011 - 10:56

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de couleur

Message par Aliiisson le Mer 6 Juil 2011 - 11:00

Merci beaucoup, ça fonctionne parfaitement victoire

Aliiisson
**

Féminin
Messages : 50
Inscrit(e) le : 28/12/2010

http://www.thefamilychon.com/
Aliiisson a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum