Problème avec le selecteur version 2u_u

2 participants

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

Résolu Problème avec le selecteur version 2u_u

Message par tara1505 Dim 10 Juil 2011 - 23:42

Bonsoir. voilà kj'ai fait ce tto et tout s'est bien passé https://forum.forumactif.com/t308654-petit-soucis-avec-le-selecteur-de-couleurs

jusqu'à ce que je découvre qu'il m’empêchait de poster parfois sur les forums ayant été pourvu du selecteur...

Je vous montre mon css/ ^^

celui qui bug le plus
Code:
/* POUR LE CORPS DU FO*/



body

{ background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: top center;}


text-area{
background-color:#310c00;
color:#D4D0D0;
}

textarea.post{
color:#D4D0D0;
font-family: Arial;
font-size:13px;
line-height:17px;
border-top: 3px #D4D0D0 dotted;
border-bottom: 8px #D4D0D0 solid;
border-right: 2px #D4D0D0 solid;
border-left: 2px #D4D0D0  solid;
-webkit-border-radius:15px;
background-color:#310c00;
-moz-border-radius:15px;
padding:2px;}

.wysiwyg {
background:#310c00;
color:#D4D0D0;
font-family: Arial;
font-size:13px;

}

.forumline{
background-color:#310c00;
-webkit-border-radius:30px;
-moz-border-radius:30px;
padding:10px;
margin-top:5px;
margin-bottom:8px;}

.postbody {
 
    text-align:justify;
padding-left:30px;
padding-right:30px; 
}

/* CATÉGORIES */

.cat{
width: 100%;
display: block;
text-align: center;
padding-bottom: 2px;
font-family: palatino type;
font-weight: bold;
text-transform:uppercase;
font-size: 24px;
color:#8a0202;
text-shadow: 2px 2px 2px black;
}


/* LIENS */

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.liens a{
color:#D4D0D0
}
.liens a:hover{
color:#8a0202;
}


/*MENU */

a.mainmenu{
TEXT-ALIGN: center
font-size:40px;
font-family:times new roman;
color:#D4D0D0
font-style:bold;
text-transform: uppercase;
font-weight: bold;letter-space:1px}



a.mainmenu:hover{
TEXT-ALIGN: center
font-size:40x;font-style:bold;
font-family:times new roman;
color:#8a0202;
text-transform: uppercase;
font-weight: bold;letter-space:1px}

/* TITRE FORUMS */

a.forumlink {
text-align: center;
font-family: palatino type;
font-style: italic;
font-weight: bold;
font-size: 24px;
letter-spacing: -2pt;
color:#8A0202;


 }

a.forumlink:hover {
text-align: center;
color:#1f0101;
font-family: palatino type;
font-style: italic;
 font-weight: bold;
 font-size: 24px;
letter-spacing: -2pt;

}



/* QEEL */

.statistiques{
border:0px;
background-position: center;
text-align: justify;
height:200px;}

 
.groupes{
-webkit-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:30px;padding-left:5px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align: justify;
text-decoration: none !important;}



/* CADRE IMAGE */

.pix
{-webkit-box-shadow: 0px 0px 15px #5E562B;
-moz-box-shadow: 0px 0px 15px #5E562B;
margin-top:1px;
margin-left:1px;
margin-right:1px;
}



.pix2
{-webkit-box-shadow: 0px 0px 15px white;
-moz-box-shadow: 0px 0px 15px white;
margin-top:1px;
margin-left:1px;
margin-right:1px;
}
pix3
{border: none;opacity: 0.6;
background-color: transp;
padding:3px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
border: 1px solid  #305229;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
.pix3:hover
{border: none;opacity: 1;
border: 1px solid  #305229;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
cursor:pointer;
}




/* DESCRIPTIONS */

.des {
-webkit-border-bottom-left-radius:50px;
-webkit-border-bottom-right-radius:50px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:50px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:50px;
padding:20px;
margin: 3px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
}


.desleft{-webkit-border-bottom-left-radius:50px;
-webkit-border-bottom-right-radius:50px;
-webkit-border-top-left-radius:50px;
-webkit-border-top-right-radius:50px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
padding:5px;
margin:5px;
}




.title {
color:#140000;
text-shadow: 2px 2px 2px black;
}

/* NOM PROFIL */

.name a {
display:block;
font-variant:normal;
text-transform: uppercase;
letter-spacing:2px;
background:#310c00;
text-shadow: black 1px 1px 1px;
text-align:center
-webkit-border-bottom-left-radius:50px;
-webkit-border-bottom-right-radius:50px
;-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:50px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
border-top-left-radius:50px;
border-top-right-radius:50px;

}


.profilentour {
text-align:center;
padding:9px;
background-color:#140000;
color:#D4D0D0;

}

.profilentour {
text-align:center;
padding:9px;
color:#D4D0D0;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;

}


.postdetails.poster-profile img  {border-shadow: 2px 2px 2px black;
border:3px solid #310c00;}



.postdetails.poster-profile{
color:#D4D0D0;
 display:block;
text-align:justify


}

/* AUTOUR DU VAVA */

.postdetails.poster-profile a img {
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border-radius-bottomleft:8px;
border-radius-bottomright:8px;
border-radius-topleft:8px;
border-radius-topright:8px;
border:3px solid  #310c00;
color:#D4D0D0;

}


/* bords code, citation arrondis */

.code {
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
color:#D4D0D0;
border:0;
padding:10px;}

.spoiler {
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
color:#D4D0D0;
border:0;
padding:10px;

}

.quote {
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
color:#D4D0D0;
border:0;
padding:10px;


}


.postspoiler {
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    text-align:justify; }


/* CÉLÉBRITÉS PRISE LIBRES */
.libre:hover
{color:Green;
}

.pris:hover
{color:indianred;
}


.shadow
{text-shadow: 1px 1px 1px #ffffff;
font-size: 16px;
}



/* contexte */

.cont{width:500px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
background:#140000;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
font-family:Arial;
text-align:justify;
color:#D4D0D0;}

/* Présentation*/

.cont2{width:510px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
background:#140000; 
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
font-family:Arial;
 font-size: 11px;
text-align:justify;
color:#D4D0D0;}

.hst{overflow: auto;
width: 490px;
height:145px;
 font-size: 11px;
  -moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius : 10px 10px 10px 10px;
background:#140000;
padding:10px;
font-family:Arial;
color:#D4D0D0;}

/* le pv*/

.p1
{overflow: auto;
 width: 225px;
height:200px;
 -moz-border-radius : 10px 10px 10px 10px;
background:#140000;
padding:10px;
color:#D4D0D0;}

.p2{font-size: 10px; line-height: 15px; line-width: 200px;}



/* bord */

.brd{padding:-10px;
 width: 500px;
height:auto;
 -moz-border-radius : 10px 10px 10px 10px;
 -webkit-border-radius : 10px 10px 10px 10px;
border: 5px solid #D4D0D0;}


/* titres */

.truc
{font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 36px;

letter-spacing: -2pt;text-shadow: 0px 0px 5px #e69f9f;color:#310c00;}

.truc2
{font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18x;text-shadow: 0px 0px 5px #e69f9f;color:#310c00;}

.textetit{color:#310c00;font-family:Tahoma;text-transform:uppercase;}

/* soutitres */

.minititre{
padding:7px;
text-align: center;
font-family:palatino type;
 font-style : italic;
font-size: 24px;
color:#D4D0D0;
font-weight:bold;
}


/* titre des categories */
.title{
font-weight:bold;
font-family:georgia;
font-size:12px;
color:#D4D0D0;
}

/* titre des categories */
.title2{
font-weight:bold;
font-family:georgia;
font-size:18px;
text-transform: uppercase;
color:#D4D0D0;
}

 /* infobulle*/

.scenarioinfo img {}
a.scenarioinfo {position:relative;z-index: 999;text-align: center;}
a.scenarioinfo span {display: none;}
a.scenarioinfo:hover span {  display: inline;
  position: absolute;
  width: 100px;
top: 1px; /* on positionne notre infobulle */
left:100px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
padding: 5px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
font-size:12px;
text-align:center;
}

 /* infobulle2*/

.scenarioinfo2 img {}
a.scenarioinfo2 {position:relative;z-index: 999;text-align: center;}
a.scenarioinfo2 span {display: none;}
a.scenarioinfo2:hover span {  display: inline;
  position: absolute;
  width: 100px;
top: 1px; /* on positionne notre infobulle */
left:-100px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
padding: 5px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
font-size:12px;
text-align:center;
}

 /* infobulle3*/

.scenarioinfo3 img {}
a.scenarioinfo3 {position:relative;z-index: 999;text-align: center;}
a.scenarioinfo3 span {display: none;}
a.scenarioinfo3:hover span {  display: inline;
  position: absolute;
  width: 100px;
top: -135px; /* on positionne notre infobulle */
left:0px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
padding: 5px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
font-size:12px;
text-align:center;
}

 /* infobulle4*/

.scenarioinfo4 img {}
a.scenarioinfo4 {position:relative;z-index: 999;text-align: center;}
a.scenarioinfo4 span {display: none;}
a.scenarioinfo4:hover span {  display: inline;
  position: absolute;
  width: 100px;
top: 10px; /* on positionne notre infobulle */
left:3px;
background:-webkit-linear-gradient(top, #140000,#310c00);
background:-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);
padding: 5px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
font-size:12px;
text-align:center;
}

 /* bubulle */

.bulle img {background-color: transp;opacity: 1.10;margin-top:1px;margin-left:1px;margin-right:1px;border: 3px solid #140000;-moz-border-radius: 10px;}
a.bulle  {position:relative;z-index: 999;text-align: center;}
a.bulle  span {display: none;}
a.bulle:hover {background: none;cursor: mini;text-decoration:none;text-align:center;}
a.bulle:hover span {display: block;position:absolute;top:-63px;right:3px;width:103px;font-size:11px;font-family:Georgia;text-decoration:none;border:#140000; 3px solid;background:-webkit-linear-gradient(top, #140000,#310c00);
background:-linear-gradient(top, #140000,#310c00);
background:-moz-linear-gradient(top, #140000,#310c00);-moz-border-radius: 4px;}

/*selecteur*/

.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;
}

/* fin du selecteur*/


/* édité par */
tr.post span.gensmall{display: none;}

L'autre :

Code:
a.forumlink {padding-left:20px;}
a.forumlink:hover {padding-left:20px;}

a, a:link, a:visited{
text-decoration: none;
}

tr.post span.gensmall{display: none;}

.postbody {
 
    text-align:justify;
padding-left:30px;
padding-right:30px; 
}

/* BANN QUI COLLE AU FO */

#i_logo {margin-top:-10px;
margin-left:-10px;
margin-right:-10px;}


/* TITRE CATÉGORIES */

a.forumlink {
border-bottom: 2px solid #ffffff
display:block;
letter-spacing: -1px;
color: #ffffff !important;
text-shadow: 0px 0px 10px #422617;
text-align: left;
font-size: 20px;
font-family: "Arial";
:uppercase;
font-style:italic;
}

a.forumlink:hover {
display:block;
color:  #8F7D63 !important;
text-shadow: 0px 0px 10px #c7b077;
text-align: left;
font-size: 20px;
font-family: "Arial";
:uppercase;
font-style:italic;
}

/* BARRE DE NAVIGATION */

a.mainmenu {
color: #ffffff;
text-shadow: 0px 0px 5px #000000;
font-size: 14px;
font-family: "Arial";
text-transform: lowercase;
}

a.mainmenu:hover {
color: #8F7D63;
text-shadow: 0px 0px 5px #5D6B51;
text-decoration: none;
text-transform: lowercase;
}


/* QEEL */

.forumline{text-align: justify;}


/* CADRE CATÉGORIES */

.cadreblanc {border:0px solid #666;
background-color:#fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;border-radius:8px;
-moz-box-shadow:1px 1px 1px #5D6B51;-webkit-box-shadow:1px 1px 1px #666;box-shadow:1px 1px 1px #5D6B51;}

.cadrebeige {border:0px solid #666;
background-color: #EDEADF;
-moz-border-radius:8px;
-webkit-border-radius:8px;border-radius:8px;
-moz-box-shadow:1px 1px 1px #5D6B51;-webkit-box-shadow:1px 1px 1px #666;box-shadow:1px 1px 1px #5D6B51;}

.bodyline{border: 10px solid #C09B71;
}

.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}

/* ONGLETS CATÉGORIES */

.titre_categorie {
      background: #ffffff; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom: -10px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 400px; /*largeur à modifier selon vos goûts*/
      margin-left: 400px; /*pour déplacer la position des titres des catégories*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #000000; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #B87267; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #ffffff; /*ombre sur le texte*/
      font-family: "arial";
}


/* PROFIL */


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:6px solid #c7b9a7;
}

.name a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:0;
background: #c7b9a7 none repeat scroll 0 0;
display:block;
font-variant:normal;
letter-spacing: 1px;
text-align:center;
text-shadow: 1px 1px 1px black;
}

.profilentour {
text-align:list;
padding:9px;
background-color: #e6ded4;
-moz-border-radius:0px;


-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;
}


/* CODE ET CITER */

.quote{
font-family: Arial;
font-size: 11px;
color: #000000;
background-color: #e8dfd6;
border: #FEFEFE;
border-style: solid ;
border-left-width: 5px;
border-top-width: 0px;
border-right-width: 0px;
}

.code{
font-family: Arial;
font-size: 11px;
color: #000000;
background-color: #e8dfd6;
border: #FEFEFE;
border-style: solid ;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 0px;
}

/* IMAGES PA */

.pix
{border: none;opacity: 0.6;
background-color: transp;
padding:3px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
border: 1px solid #BDBDBD;
-moz-border-radius: 7px;
}

.pix:hover
{border: none;opacity: 1;
border: 1px solid #b5b4b5;
-moz-border-radius: 7px;
}

/* MODÈLE FICHE PRESA' */

.citationhaut {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 18px;
letter-spacing: -1px;
text-transform: lowercase;
text-shadow: 0px 0px 2px #785226;
color: #D4C3A5; }

.tourblanc {
width: 530px;
border-width: 4px;
background-color: #FFFFFF; }

.image {
border: 5px solid #FFFFFF;
width : 500px;
-moz-box-shadow: darkgray 0px 0px 10px; }

.prenom {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 40px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 2px #785226; }

.titrepartie {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 18px;
letter-spacing: -1px;
text-transform: lowercase;
color: #D4C3A5;
border-bottom: 2px solid #9E8772; }

.colonneinfo {
overflow: auto;
text-align: justify;
width: 220px;
height: 100px;
font-size: 11px; }

.grandtitre {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 20px;
letter-spacing: -1px;
text-transform: lowercase;
text-shadow: 0px 0px 2px #785226;
color: #D4C3A5 ; }

.histoire {
overflow: auto;
width: 450px;
height: 400px;
background-color: with,
rgb(255, 255, 255);
padding-left: 5px;
padding-right: 5px;
text-align: justify;
font-size: 11px;
line-height: normal; }

.infomembre {
overflow: auto;
text-align: justify;
width: 400px;
height: 65px;
font-size: 11px; }

/* MODÈLE FICHE SCENARIO */
.attendshistoire {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 24px;
letter-spacing: -1px;
text-transform: lowercase;
text-shadow: 0px 0px 2px #785226;
color: #D4C3A5; }

.lienprenom {
border-bottom: 2px solid #9E8772;
font-family: arial;
font-size: 12px;
text-align: center; }

.liendescri {
overflow: auto;
text-align: justify;
width: 200px;
height: 100px;
font-size: 11px; }

 /*----- INFOBULLES ------*/

    a.imginfo span {
      display: none;
    }

    a.imginfo:hover {
      background: none;
      z-index: 999;
      cursor: help;
    }

    a.imginfo:hover span {
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 1020px;
      left: 450px;
      background: white;
      color: 7d7d7d;
      padding: 3px;
      border: 3px solid #b6b6b6;
    }

/*selecteur*/


.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 ^^
avatar

tara1505
**

Féminin
Messages : 75
Inscrit(e) le : 15/08/2005

http://n-i-w-i-s.forumactif.org/
tara1505 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le selecteur version 2u_u

Message par Yoshkill Lun 11 Juil 2011 - 1:31

J'ai eu le même problème il y a un mois. J'ai cru le résoudre (grâce à l'aide de ce forum), jusqu'à ce que certains membres me disent qu'ils ne pouvaient à nouveau plus poster.

J'ai donc désactivé le sélecteur.
Yoshkill

Yoshkill
*****

Masculin
Messages : 629
Inscrit(e) le : 13/05/2008

http://ssb4.com
Yoshkill a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le selecteur version 2u_u

Message par tara1505 Lun 11 Juil 2011 - 1:43

J'attends d'autres avis mais j'avoue que je kiffais le sélecteur moi - pleure -
avatar

tara1505
**

Féminin
Messages : 75
Inscrit(e) le : 15/08/2005

http://n-i-w-i-s.forumactif.org/
tara1505 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le selecteur version 2u_u

Message par Invité Lun 11 Juil 2011 - 9:07

Bonjour,

Je viens de tester votre code CSS qui bug et celui-ci fonctionne parfaitement sur mon forum test. Il est donc possible que le soucis vienne d'ailleurs.

Quand vous avez suivi le tuto pour installer le sélecteur de couleurs, vous avez bien créé votre page javascript avec le code fourni par Etana (qui a été modifié il y a quelques jours) et vous avez bien cochez pour "sur toutes les pages" ?

Quand vous dites qu'il vous empêche de poster dans les forums où il a été installé, vous parlez de forums différents ou bien des différentes sections de votre propre forum ? Normalement, une fois qu'il est installé, le sélecteur fonctionne pour l'ensemble des sujets postés dans toutes les sections d'un forum.

Cordialement
Anonymous

Invité
Invité


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

Résolu Re: Problème avec le selecteur version 2u_u

Message par tara1505 Lun 11 Juil 2011 - 13:11

Je parlais de forum différents xD

Non comme dit ici https://forum.forumactif.com/t308654-petit-soucis-avec-le-selecteur-de-couleurs j'ai fait l'ancienne méthode la nouvelle ne fonctionnant pas xD Donc j'ai ca dans ma description de site et dans une page html
avatar

tara1505
**

Féminin
Messages : 75
Inscrit(e) le : 15/08/2005

http://n-i-w-i-s.forumactif.org/
tara1505 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le selecteur version 2u_u

Message par Invité Lun 11 Juil 2011 - 13:16

Comme je vous le disais plus haut, entre le moment où vous avez essayé pour la première fois d'installer le sélecteur de couleurs via la page de code javascript et aujourd'hui, le code javascript a été modifié, ce qui fait que normalement maintenant il fonctionne et qu'il n'y a plus à l'installer via la page HTML et le script dans la description du site.

Retentez peut-être l'installation via la page de code javascript en supprimant tout ce qui concernait l'ancienne installation.

Cordialement
Anonymous

Invité
Invité


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

Résolu Re: Problème avec le selecteur version 2u_u

Message par tara1505 Lun 11 Juil 2011 - 13:24

Je vais tester alors ^^

EDIT : Ca marche merci je vais voir si à terme ca bug ^^
avatar

tara1505
**

Féminin
Messages : 75
Inscrit(e) le : 15/08/2005

http://n-i-w-i-s.forumactif.org/
tara1505 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le selecteur version 2u_u

Message par Invité Lun 18 Juil 2011 - 16:30

Problème avec le selecteur version 2u_u Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème avec le selecteur version 2u_u Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème avec le selecteur version 2u_u 50378

A bientôt sur ForumActif Smile
Anonymous

Invité
Invité


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

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

- Sujets similaires

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