Problème éditeur code PA

3 participants

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

Résolu Problème éditeur code PA

Message par Tomybrown Jeu 16 Jan 2014 - 8:51

Bonjour à toutes et à tous,

Je viens me référer à vous, car depuis avant Noël (surtout depuis la mise à jour de FA) mon code (auquel je n'ai absolument pas touché) beug, cela ne s'affiche plus, les codes des infobulles ne marche plus. Je vous laisse mon code de ma PA,

Spoiler:

De plus, depuis la mise à jour, mon code est complètement déformé. Je ne vois pas pourquoi des sauts de lignes et des alinéas sont apparus comme par enchantement ! Mon code est structuré de façon très simple, chaque onglet de la PA était coupé par des sauts de limbes grossièrement.

Merci de prendre en considération ma demande. Je tire mon chapeau à celui qui m'aidera et trouvera la solution.

Je vous met aussi mon code CSS ;
Code:
[spoiler]
[code]t/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/

.Fichetechnique span
{                      
    position : absolute;
    top : auto;
    left : auto;
    width : 136px;
    height : 136px;
    background-color: #9C7049;
    display : none;
}

.Fichetechnique:hover span{
    display:block;
    top        :  auto;
    left      :  auto;
    width      :  440px;
    height    : 400px;
    background-color: #5a6897;
    border-left: 3px solid #8998cb;
    border-right: 3px solid #8998cb;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    box-shadow: 0px 0px 3px #838383;
    margin-left: -27px;
    margin-top: 5px;
}

.Txt_ft
{
width      :  440px;
display:block;
overflow-y :  auto;
overflow-x: hidden;
}

/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/

.tooltip
{
  text-decoration:none;
  position:relative;
}

.tooltip span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;   
}

.tooltip span img
{
  float:left;
}

.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index: 999;
  width:350px;
  height:150px;
  background-color: #bec5d8;
  border:none;
  box-shadow: 1px 1px 2px #000;
  margin-left:32px;
  overflow:hidden;
  padding:0px;
}


.infobulle span
{                      
    position: absolute;
    top: auto;
    left: auto;
    width: 90px;
    height: 90px;
    background-color: none;
    border-radius: 300px;
    display: none;
   }

.infobulle:hover span{
    display: block;
    top:  auto;
    margin-left:  300px;
    margin-top: 400px;
    width:  10px;
    height: 10px;
    background-color: none;
  
}

.infobulle{
  position: relative;
  z-index: 0;
  width: 90px;
  height: 90px;
  border-radius: 300px;
  background-color: #fff1bf;
}

 .infobulle:hover{
    visibility: hidden;
    z-index: 00;
  }
.ongl1
{
z-index: 1;
  position: relative;
display: inline-block;
width: 200px;
height: 79px;
border-radius: 10px;
text-align: center;
left: -30px;
}

.ongl1:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl2
{
display: inline-block;
width: 200px;
height: 79px;
margin-left: 20px;
border-radius: 10px;
text-align: center;
}

.ongl2:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl3
{
display: inline-block;
width: 220px;
height: 79px;
margin-left: -15px;
padding-right: 10px;
border-radius: 10px;
text-align: center;

}

.ongl3:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl4
{
display: inline-block;
width: 220px;
height: 79px;
margin-left: 20px;
border-radius: 10px;
text-align: center;
}

.ongl4:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #8b9cb8 !important;
text-shadow: 1px 1px 0px #eef1f6;
font-size: 18px;
}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #446291 !important;
text-shadow: 1px 1px 0px #23334c;
}

#content1
{
z-index: 10;
position: relative;
display: block;
top: 30px;
left: -1px;
width: 969px;
height: 400px;
overflow: hidden;
  background: url(http://d20.e-loader.net/epAHYMzcdE.png);
border-bottom: 10px solid #f9f9f9;
border-top: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
height: 400px;
overflow: hidden;
background: url(http://d20.e-loader.net/epAHYMzcdE.png);
border-bottom: 10px solid #f9f9f9;
border-top: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil2:target #content2
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d19.e-loader.net/Ga0vVjgpJX.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil3:target #content3
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d27.e-loader.net/6j8jdmY5Ld.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil4:target #content4
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d19.e-loader.net/Ga0vVjgpJX.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
.info_accueil
{
padding: 6px;
text-align: justify;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

CSS

/* INFOBULLE - TRANSITION */
.NU_infobulle{
width: 100px;
margin: auto;
padding: 20px;
float: left;
position: relative;
}
.NU_bulle{
background-color: #a5a3a3;
border: 0px solid #fff;
width: 0;
height: 0;
position: absolute;
top: 201px;
left: 126px;
overflow: hidden;
z-index: 20;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
.NU_infobulle:hover .NU_bulle{
background-color: #a5a3a3;
width: 510px;
height: 160px;
padding: 5px;
border: 1px dashed #fff;
overflow: auto;
}


/* Début Fiche Présentation */
.Presentation
{
  background-color: #849cc2;
  border: solid #36517c 5px;
}

.EntetePresentation
{
  border-bottom: solid #36517c 5px;
  width:100%;
  height: auto;
}

.PseudoPresentation
{
  font-size: 30px;
  margin-top: -12px;
  margin-left: 25px;
  font-variant: small-caps;
  color: #FFFFFF;
  text-shadow: 2px 3px 2px black;
}

.PersonnagePresentation
{
  color: #FFFFFF;
  min-height: 300px;
  background-color: #36517c;
  border: groove 3px #36517c;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px;
}

.AvatarPresentation
{
  float: right;
  margin-top: -5px;
  width: 150px;
  height: 300px;
  border: double 3px #849cc2;
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.TitrePresentation
{
  text-align: right;
  font-size: 18px;
  background-color: #36517c;
  border-top: groove 3px #36517c;
  border-bottom: groove 3px #36517c;
  padding-right: 25px;
  color: #FFFFFF;
}

.ContenuPresentation
{
  text-align: justify;
  margin: 5px 10px;
  margin-left: 25px;
  color: #FFFFFF;
}
/* Fin Fiche Présentation */

/* Début Modèle Quête */
.Quete
{
  margin-left: 100px;
  margin-right: 100px;
  margin-top: -5px;
  border: 3px black solid;
}
.QueteTexte
{
  padding-bottom: 5px;
  padding: 0px 15px;
  color: white;
  text-align: justify;
  overflow: auto;
}
.QueteImage
{
  widht: 400px;
  height: 150px;
  border: 3px black solid;
}
.QueteEntete
{
  margin: 1px 100px;
  padding-left: 25px;
  border-radius: 100px;
  color: white;
  text-align: left;
  font-size: 30px;
  border: 3px black solid;
}
.QuetePied
{
  margin: -5px 100px;
  padding-right: 25px;
  border-radius: 100px;
  color: white;
  text-align: right;
  font-size: 18px;
  border: 3px black solid;
}
.QueteJointure1
{
  margin-right: 80%;
  margin-left: 19%;
  margin-top: -3px;
  background-color: black;
  border: 3px black solid;
}

.QueteJointure2
{
  margin-right: 19%;
  margin-left: 80%;
  margin-top: -40px;
  background-color: black;
  border: 3px black solid;
}
/* Fin Modèle Quête */

/* Début Personnage */
.Personnage
{
  color: #FFFFFF;
  min-height: 300px;
  border: solid 3px black;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px;
}

.AvatarPersonnage
{
  float: right;
  margin-top: -5px;
  width: 150px;
  height: 300px;
  border: solid 3px black;
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.PersonnageJointure1
{
  margin-right: 80%;
  margin-left: 19%;
  margin-top: -3px;
  background-color: black;
  border: 3px black solid;
}

.PersonnageJointure2
{
  margin-right: 19%;
  margin-left: 80%;
  margin-top: -40px;
  background-color: black;
  border: 3px black solid;
}

.PersonnageDescription
{
  color: #FFFFFF;
  min-height: 300px;
  border: solid 3px black;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px 25px;
}
/* Fin Personnage */

/* Début Disposition des RPs pour les MI */
.ContexteMI
{
  background-color: black;
  color: white;
  border: double white 5px;
  margin: 0px 10%;
  padding: 25px;
  text-align: justify;
}
/* Fin Disposition des RPs pour les MI */

/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/

body
{
position: relative;
z-index: 3;
display: block;
background-image: url("http://d5.e-loader.net/eeI4Drjidb.gif"), url("http://d13.e-loader.net/3IacErxJvx.png"), url("http://d3.e-loader.net/kYgYJ9501D.png"), url("");
background-position: center top, center top, center bottom;
background-repeat: no-repeat, repeat-x, repeat, repeat;
background-attachment: scroll, scroll, scroll, fixed;
margin-bottom: 0px;
left: none, 5px, none, none;
}

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


/*Début du code de la barre de navigation*/

#navig
{
  position: fixed;
  z-index: 999;
  width: 969px;
  text-align: center;
  background-color: #e6e6e6;
  border-bottom: 1px dashed #fff;
  width: 72%;
left: 14%;
  margin-top: -10px;
  -webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
opacity: 0.9;
  
}
.mainmenu
{
display: inline;
border-radius: 5px 5px 5px 5px;
position: relative;
top: 0px;
bottom: 0px;
}
  
a.mainmenu
{
font-family: Tahoma;
color: #626262;
text-shadow: 0px 0px 2px #fff;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-bottom: 0px;
}

a.mainmenu:hover
{
font-family: Tahoma;
color: #91d8f6;
text-shadow: 0px 0px 2px;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
}

.th
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/*Fin du code de la barre de navigation*/


/* CATEGORIES */
a {
  text-decoration: none;
  color: #000000;
  font-size: 12px;}

.catetitre
{
display:block;
position: relative;
color: #FFFFFF;
font-family: Arial;
font-size: 35px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 2px 2px #7689e6;
margin-bottom: 40px;
}

.titreforum {
  z-index: 10;
  display:block;
  position: relative;
  color: #fff;
  text-align: center;
margin-left: -30%;
font-family: Arial;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 0px 3px #7689e6;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
}

.ensemble {
  z-index: 1;
  display:block;
  position: relative;
  background-color: #;
  margin-top: -20px;
  font-size: 12px;
  padding: 10px;
  color: #000000;
  width: 868px;
  margin-left: -21%;

}

.icon_forum
{
  display: block;
  position: relative;
    z-index: 10;
  margin-left: 180px;
  margin-top: -80px;
}

.description {
  display:block;
  position: relative;
  width: 420px;
  background-color: #;
  text-align: justify;
  font-size: 12px;
  color: #000000;
  margin-left: 22%;
}
.Effet_desc {
position: absolute;
  z-index: 99;
  display: block;
  width: 400px;
  height: 85px;
  overflow-x: auto;
  overflow-y: none;
  top: 80px;
  left: 5px;
  overflow: auto;
  background-color: #f3efef;
  border: 1px dashed #665757;
 font-family: Tahoma;
color: #665757;
text-shadow: 0px 0px 2px #000;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
  padding: 5px;
  text-align: justify;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
   opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 5px;
}

.Effet_desc:hover {
position: absolute;
  z-index: 10;
  display: block;
  height: 85px;
  overflow-x: auto;
  overflow-y: none;
  top: 80px;
  left: 5px;
  width: 400px;
  padding: 5px;
  overflow: auto;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=0.9);
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  }
  
.liens {
  z-index: 10;
  display:block;
  position: relative;
  width: 159px;
  height: 70px;
  overflow-x: auto;
  overflow-y: none;
  background-color: #;
  font-size: 12px;
  text-align: center;
  color: #fff !important;
  padding: 0px;
  margin-top: 0px;
  margin-left: 106px;
}

.row1.over span.gensmall { display: block; text-align: left; }

.liens a {
color: #fff !important;
text-align: left;
}
.derniers {
  z-index: 10;
  display:block;
  position: relative;
  width:180px;
  height:70px;
  background-color: #;
  font-size: 12px;
  text-align: center;
  color: #000000 !important;
  margin-top: -125px;
  margin-left: -188px;
  padding: 10px;
}

/*Catégories*/

/*QEEL*/

.typo
{
font-family: Tahoma;
color: #3c7fa0;
text-shadow: 0px 0px 3px #fff;
text-align: center;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-left: 80px;
margin-top: 25px;
}

.typo_connex
{
font-family: Tahoma;
color: #3c7fa0;
text-shadow: 0px 0px 2px;
text-align: center;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-left: 40px;
margin-top: 15px;
margin-right: 40px;
}

#abc
{
width: 900px;
height: 200px;
overflow: hidden;
margin-left: 30px;
margin-top: -330px;
margin-bottom: 50px;
background: url(http://d5.e-loader.net/d7LTGLxiqk.png) center no-repeat;
border: 1px dashed #d3d3d3;
border-radius: 5px;
}
#volet1
{
background: url(http://d19.e-loader.net/tuA0rwbybz.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#volet1:hover
{
background: url(http://d19.e-loader.net/tuA0rwbybz.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet2
{
background: url(http://d8.e-loader.net/Ty9lr6xnp1.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet2:hover
{
background: url(http://d8.e-loader.net/Ty9lr6xnp1.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet3
{
background: url(http://d10.e-loader.net/4O2Hxxp9RV.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet3:hover
{
background: url(http://d10.e-loader.net/4O2Hxxp9RV.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet4
{
background: url(http://d3.e-loader.net/JwmnMbllOJ.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet4:hover
{
background: url(http://d3.e-loader.net/JwmnMbllOJ.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#volet5
{
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet5:hover
{
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_volet
{
width: 100%;
height: 200px;
}
.volet_titre
{
display: inline-block;
height: 40px;
width: 200px;
color: #ffffff;
margin-left: -80px;
text-align: center;
font-size: 21px;
font-family: Tahoma;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);  
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu_v
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#volet1:hover .contenu_v, #volet2:hover .contenu_v, #volet3:hover .contenu_v, #volet4:hover .contenu_v, #volet5:hover .contenu_v
{
width: 650px;
height: 170px;
margin-left: -80px;
background-color: white;
overflow: auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

.texte_qeel
{
overflow: auto;
font-family: verdana;
color: #C0C0C0;
text-align: justify;
font-size : 10px
}

/*QEEL*/

/*SUJETS*/

a.nav
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
display: inline;
}

.nav
{
text-shadow: 0px 0px 1px;
font-size: 10px;
font-family: Arial;
}

.cadre_affichage
{
 background-color: #;
 border-radius: 5px;
 border: 1px dashed #fff;
  background-image: url("");
 background-position: left top;
 background-repeat: no-repeat;
 background-attachment: scroll;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
 

}

.forumline
{
 background-color: #;
 border-radius: 5px;
 border: 1px dashed #FFFFFF;
 background-position: left top;
 background-repeat: no-repeat;
 background-attachment: scroll;
 width: 873px;
  box-shadow: 0px 0px 3px #838383;
  -moz-box-shadow: 0px 0px 3px #838383;
  -htm-box-shadow: 0px 0px 3px #838383;
  -webkit-box-shadow: 0px 0px 3px #838383;
  -o-box-shadow:  0px 0px 3px #838383;
 }


.cadre_affichage1
{
 background-color: #d4d7de;
 border-radius: 5px;
 border: 1px dashed #FFFFFF;
 margin-top: -40px;
}

.page_number
{
  margin-left: 10px;
   font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.page_number1
{
  margin-top: 20px;
   font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.texte1
{
 color: #FFFFFF;
font-family: Franklin Gothic Medium;
  font-size: 20px;
  text-transform: uppercase;
  width: 200px;
}

.texte2
{
 color: #FFFFFF;
font-family: Franklin Gothic Medium;
  font-size: 15px;
  text-transform: uppercase;
  width: 200px;
  text-align: center;
}

.topictitle
{
  font-family: Arial;
   color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
}

.name-auteur
{
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-right: -10px;
}

.postdetails1
{
  font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
    margin-right: 20px;
}

.postdetails2
{
  font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.postdetails3
{
  font-family: Arial;
  font-size: 10px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
    margin-right: 20px;
}

.cat1
{
 color: #FFFFFF;
font-family: Impact;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
}

/*SUJETS*/

/*PROFIL*/

table.tableau_profil{
   width:200px;
   margin:auto;
   border:0;
   }
  
table.tableau_profil td.haut_tab{
   width:200px;
   height:45px;
   background-image:url('http://d30.e-loader.net/YM7eafNT8M.png');
   background-repeat:no-repeat;
   margin-left:2px;
   top:3px;
   }
  
table.tableau_profil td.milieu_tab{
   width:200px;
   background-image:url('http://d17.e-loader.net/M59ELUtAcF.png');
   background-repeat:repeat-y;
   padding-left:14px;
   padding-right:14px;
   text-align:center;
   }
  
table.tableau_profil td.bas_tab{
   width:200px;
   height:45px;
   background-image:url('http://d27.e-loader.net/PYtsdIIsB2.png');
   background-repeat:no-repeat;
   }
  
table.tableau_profil td.milieu_tab span.pseudo_posteur{
    font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
   }
  
table.tableau_profil td.milieu_tab span.rang_posteur{
    font-family: Arial;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
   }
  
table.tableau_profil td.milieu_tab div.infos_posteur{
   width:160px;
   margin:auto;
   padding:4px;
   text-align:left;
  font-family: Arial;
  font-size: 10px;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
   background-color:#e0e5ef;
   border:1px solid white;
   opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
   -moz-opacity : 0.5; /* Transparence pour Firefox */
    -ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
    filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
   }

/*PROFIL*/

.quote{  /*---citation*/
border: 1px dashed #d5d3d3;
   background: #c1bbbb;
   font-family: Calibri;
color: #4b4b4b;
text-decoration : none;
font-size : 12px;
padding: 10px;
}

.code{  /*Code dans les messages*/
border: 1px dashed #d5d3d3;
   background: #c1bbbb;
   font-family: Calibri;
color: #4b4b4b;
text-decoration : none;
font-size : 12px;
padding: 10px;
}

/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé*/
   display:block;
   line-height: 125%;
   border: 3px solid #fff;
   background: #88a2c5;
   border-radius: 3px;
   }
/*Mettre ici vos propriétés décoratives*/
  

  
.spoiler_closed.hidden {
   display:none;
      }

.spoiler_content {/*apparence du spoiler ouvert*/
   display:block;
   line-height: 125%;
  border: 3px solid #fff;
   background: #88a2c5;
   border-radius: 3px;
   font-family: Calibri;
color: #fff;
text-decoration : none;
font-size : 12px;
padding: 10px;
/*mettre ici vos propriété décoratives*/
   }

.spoiler_content.hidden {
   display:none;
  
   }

body.chatbox {
wight: 800px;
height: 335px;
background-color: #fff;
border: 3px solid #8ca9c7;
background: center no-repeat;
border-radius: 5px;
top: 70px;
}

#chatbox_header{
background-color: #8ca9c7;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le téléphone rouge !";
font-family: Tahoma;
color: #59626b;
text-shadow: 0px 0px 2px;
text-align: justify;
text-transform : uppercase;
font-size : 12px;
font-weight: bold;
margin-left: 10px;
 border-radius: 5px;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a
{
font-family: Tahoma;
color: #59626b;
text-shadow: 0px 0px 2px;
text-align: right;
text-transform : uppercase;
font-size : 10px;
font-weight: bold;
left: 100px;
}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

[/code]
[/spoiler]
http://www.op-seken.com
Et mon forum ;
Cordialement Tomybrown
avatar

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 Jeu 16 Jan 2014 - 10:47

Bonjour

Pour le code PA
Remplace le div par le span
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown Ven 17 Jan 2014 - 10:27

ça change quoi ?
avatar

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 Ven 17 Jan 2014 - 11:06

çà passe
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown Ven 17 Jan 2014 - 12:01

Ça passe quoi ? Je ne pense pas que ça passe. Puisse que mon code a autant de balise ouverte que fermée. Donc le code est égalitaire, donc il devrait fonctionner. C'est depuis la mise a jour de FA que j'ai ceci. J'ai jamais touché au code depuis la mise a jour ni avant.
avatar

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 Ven 17 Jan 2014 - 12:24

Oui et depuis la mise à jour il est recommandé d'utiliser span à la place de div.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown Ven 17 Jan 2014 - 12:32

D'accord merci. Il fallait juste être plus clair depuis le début Wink
avatar

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Chacha Ven 24 Jan 2014 - 10:34

Problème éditeur code PA 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 éditeur code PA Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème éditeur code PA 50378

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70056
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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