Partagez | 
 

 Codage pour catégories [En attente]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Mar 30 Oct - 8:49
“ Commentaire de Amethyst.
C'est bien ça
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Mar 30 Oct - 13:18
“ Commentaire de CryingToYourHeart
ah parce que je n'obtiens pas ça sur mon forum test :s

[Seuls les administrateurs ont le droit de voir cette image]
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Mar 30 Oct - 15:40
“ Commentaire de Amethyst.
Peut être as-tu des doublons côté code css, ou peut être as-tu des modifications sur d'autres templates qui influent sur ton forum.
Veux-tu que je teste toute ta feuille css sur mon forum test?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Mar 30 Oct - 15:53
“ Commentaire de CryingToYourHeart
Euh peut-être, si ça te dérange pas. Je te l'a met sous hide:

Code:
[hide]/*PA*/
.titreprinci {
  font-family: 'spirax', cursive;
  color: #ca8462;
  text-shadow: 1px 2px 2px #fad2a7;
  font-size: 36px;
  letter-spacing: -2px;
  text-transform: lowercase;
  text-align: center;
}
.slogan {
  font-family: verdana;
  font-size: 12px;
  font-weight: lighter;
  letter-spacing: 5px;
  text-align:center;
  text-transform: uppercase;
  margin-top: -15px;
  margin-left: 4px;
border-bottom: 3px #fad2a7  dotted;
margin-bottom: 5px;
}

.cadre1 {
  border: 1px solid #fad2a7;
  background-color: #fefbed;
  border-radius: 5px;
  padding: 8px;
  height: 205px;
  width: 294px;
  margin-right: 9px;
  text-align: justify;
}
.cadre2 {
    border: 1px solid #fad2a7;
  background-color: #fefbed;
  border-radius: 5px;
  padding: 8px;
  height: 158px;
  width: 190px;
  margin-right: 3px;
  text-align: justify;
}

.soustitre {
  font-family: 'romanesco', cursive;
  font-size: 35px;
  color: #c9b6ab;
  text-shadow: 1px 2px 2px #e8d9cf;
  letter-spacing: -1px;
  border-bottom: 2px #fad2a7  dotted;
  text-transform: lowercase;
  margin-left: 8px;
  margin-top: -15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.soustitre:hover {
  font-family: 'romanesco', cursive;
  font-size: 35px;
  color: #f6ba9f;
  text-shadow: 1px 2px 2px #e8d9cf;
  letter-spacing: 2px;
  border-bottom: 2px #fad2a7  dotted;
  text-transform: lowercase;
  margin-left: 8px;
  margin-top: -15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.gifpa {
  padding: 1px;
  width: 85px;
  border: 1px solid #c9b6ab;
  margin: 1px;
}
.pseudo2 {
  font-family:'Satisfy' cursive;
  font-size: 20px;
  text-shadow: 1px 2px 2px white;
  color: #c9b6ab;
  text-transform: italic;
  letter-spacing: -1px;
}
.bouton1 {
  width: 92px;
  height: 12px;
  text-align: center;
  color: rgb(69, 69, 69);
  background-color: #cfb09b;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.bouton1:hover {
  width: 92px;
  height: 12px;
  text-align: center;
  color: rgb(69, 69, 69);
  background-color: #9c716f;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.bouton2 {
  width: 92px;
  height: 12px;
  text-align: center;
  color: rgb(69, 69, 69);
  background-color: #9c716f;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.bouton2:hover {
  width: 92px;
  height: 12px;
  text-align: center;
  color: rgb(69, 69, 69);
  background-color: #cfb09b;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/*INFOBULLE MEMBRE DU MOIS*/
div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none;
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 1;
}
div.infobulle:hover span {
width: 130px;
display: inline;
position: absolute;
top: 60px;
left: 23px;
  height: 50px;
background-color: #fefbed;
color: #000000;
padding: 4px;
border: 1px solid #fad2a7;
border-radius: 2px;}

.tabs-onglets { display: block !important }
/*END*/

/*DEBUT PRESEN*/
/* début du css pour l'avatar qui monte au passage de la souris */
.cate2{
  width: 200px;
  height: 320px;
  overflow: hidden;
  border: 2px solid ghostwhite;
  background-color: #ffffff;}

.cate2_img{
  position: relative;
  z-index: 2;
  width: 200px;
  height: 320px;
  margin-top: 0px;
    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;
  overflow: auto;}

.cate2:hover .cate2_img{
margin-top: -320px;
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;}

.cate2_description{
  position: relative;
  z-index: 1;
  height: 320px;
  margin-top: 10px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;}

/* fin du css pour l'avatar qui monte au passage de la souris */

/* début du css le ruban en haut & en bas de la fiche */
.arrowprez{
width:0;
height:0;
line-height:0;
border-left:20px solid transparent;
border-top:10px solid #c8c8c8;
top:32px;
left:0;
position:absolute;}

.arrowprez2{
width:0;
height:0;
line-height:0;
border-right:20px solid transparent;
border-top:10px solid #c8c8c8;
top:104%;
left:96%;
position:absolute;}

/* fin du css le ruban en haut & en bas de la fiche */

/* début du css pour le fond de la fiche */
div#fondpv{
width:400px;
padding:20px;
BACKGROUND: white;
/*box-shadow*/
-webkit-box-shadow:3px 3px 4px black;
  -moz-box-shadow:3px 3px 4px black;
        box-shadow:3px 3px 4px black;
/*border-radius*/
-webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
        border-radius:5px 5px 5px 5px;
line-height:95%;}
/* fin du css pour le fond de la fiche */

/* début du css pour les titres (bande du début&la fin) */
#nameprez{
  margin: auto;
background:#e3e3e3;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#c8c8c8));
background:-webkit-linear-gradient(top, #e3e3e3, #c8c8c8);
background:  -moz-linear-gradient(top, #e3e3e3, #c8c8c8);
background:    -o-linear-gradient(top, #e3e3e3, #c8c8c8);
background:        linear-gradient(top, #e3e3e3, #c8c8c8);
background:-webkit-gradient(linear, left top, left bottombottom, from(#e3e3e3), to(#c8c8c8));
padding:10px 20px;
margin-left:-40px;
margin-top:0;
position:relative;
width:440px;
/*box-shadow*/
-webkit-box-shadow:1px 1px 3px #292929;
  -moz-box-shadow:1px 1px 3px #292929;
        box-shadow:1px 1px 3px #292929;
color:#454545;
  letter-spacing:1px;
color:#B9121B;
text-shadow:0 1px 1px #000000;
font-size:15px;
font-weight:bold;
text-align: center;
text-shadow:0 1px 0 white;
z-index:999;}

#nameprez2{
background:#e3e3e3;
  margin: auto;
padding:10px 20px;
margin-left:-53px;
margin-top:-20px;
position:relative;
width:440px;
/*box-shadow*/
-webkit-box-shadow:1px 1px 3px #292929;
  -moz-box-shadow:1px 1px 3px #292929;
        box-shadow:1px 1px 3px #292929;
color:#454545;
text-shadow:0 1px 0 white;
z-index:999;}
/* fin du css pour les titres (bande du début&la fin)  */

/* début du css pour la box caractère */
#ribbon {
  /*border-radius*/
-webkit-border-radius:7px 7px 0px 7px;
  -moz-border-radius:7px 7px 0px 7px;
        border-radius:7px 7px 0px 7px;
  opacity:0.90;
-moz-opacity:0.90;
filter:alpha(opacity=90);
        background: whitesmoke;
        padding: 10px 5px;
          left: 5%;
        margin-top: 0;
  margin-left: 0px;
        width: 98%;
      position: relative;
        -moz-box-shadow: 1px 1px 3px #292929;
        -webkit-box-shadow: 1px 1px 3px #292929;
          box-shadow: 1px 1px 3px #292929;
 
        color: #454545;
        text-shadow: 0 1px 0 white;
  z-indez: 8;}

/* fin du css pour la box caractère */


/* début pour les gros titres (écriture) */
.khotitle2{
font-family:segoe script;
font-size:30px;
text-align:center;
color: goldenrod;
margin-bottom:-5px;
text-shadow:1px 1px 3px white;
margin-top:-10px;}
/* fin pour les gros titres (écriture) */

/* début pour le fond jaune/orange */

#ava1{
position:relative;
top:-20px;
z-index:7;
text-align:center;
padding:15px;
background:URL('http://i.imgur.com/AgOnq.png');
/*border-radius*/
-webkit-border-radius:10px;
  -moz-border-radius:10px;
        border-radius:10px;}

/* fin  pour le fond jaune/orange */
/*END*/

/* RECHERCHE */
fiche {
   display: block;
   width: 650px;
   height: auto;
   padding:5px;
   margin:auto;
}

fiche polaroid {
   float: left;
   display: block;
   text-align: center;
   background: white url('http://data.nimages.fr/grainbip.png') ;
   width: 320px;
   height: 345px;
   
   box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   
   -webkit-transform: rotate(-5deg);
   -moz-transform: rotate(-5deg);
   -o-transform: rotate(-5deg);
   
   padding-top: 25px;
   margin-right: 30px;
}

fiche polaroid .img {
   width: 270px;
   height: 270px;
   background-position: center center;
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   margin: auto;
}

fiche polaroid .nom {
   margin: auto;
   font-family: Dynalight;
   color: #215196;
   font-size: 41px;
   line-height: 80px;
}

fiche paper {
   display: block;
   text-align: center;
   background: white url('http://data.nimages.fr/grainbip.png') ;
   width: 625px;
   height: 370px;
   box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-transform: rotate(2deg);
   -moz-transform: rotate(2deg);
   -o-transform: rotate(2deg);
   padding-top: 25px;
}

fiche paper p {
   width: 225px;
   padding: 10px;
   font-family: Lucida Grande;
   font-size: 12px;
   text-align: justify;
   height:280px;
   overflow: auto;
   background-color:  rgba(108,123,163,0.1);
   border: 2px solid #EEE;
   border-radius: 30px;
}

fiche paper p:hover {
   background-color: transparent;
   border: 2px solid #DDD;
}

fiche paper h3 { margin: 0; padding-bottom: 0;}

fiche paper h3 a {
   text-decoration: none;
   height: auto;
   margin-left: -30px;
   font-size: 25px;
   color: rgb(108,123,163);
   text-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
fiche paper h3 a:hover { 
    text-shadow: -1px -1px 0px #EEE;
}

fiche paper2 {
   display: block;
   text-align: center;
   background: white url('http://data.nimages.fr/grainbip.png') ;
   width: 625px;
   min-height: 250px;
   box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   -o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   padding-top: 25px;
   padding-bottom: 25px;
   margin-top: 50px;
}

fiche paper2 h3 {
   width: 90%;
    margin: 0;
    padding: 5px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   color: #DDD;
    text-shadow: 1px 1px 0px white;
    font-family: "Times New Roman";
    font-weight: lighter;
    font-size: 45px;
}

fiche paper2:hover h3 {
   margin-top: -2px;
    border-top: 2px solid #EEE;
    border-bottom: 2px solid #EEE;
}

fiche paper2 lien {
   text-align: justify;
   margin: 20px;
   width: auto;
   display: block;
   border-radius: 20px;
   font-family: Lucida Grande;
   font-size: 12px;
   padding: 10px;
   border: 2px solid #DDD;
}
fiche paper2 lien:hover {
   background-color:  rgba(108,123,163,0.1);
   border: 2px solid rgba(33,81,150,0.5);
}
fiche paper2 lien free {
   font-size: 15px;
   display: block;
   font-family: Lucida Grande;
   color: rgba(0,108,0,0.7);
   letter-spacing: -2px;
   padding-left: 20px;
}
fiche paper2 lien taken {
   font-size: 15px;
   display: block;
   font-family: Lucida Grande;
   color: rgba(108,0,0,0.7);
   letter-spacing: -2px;
   padding-left: 20px;
}
copyright {
   display: block;
   margin: auto;
   text-align: center;
   font-size: 11px;
   font-family: Arial;
}
copyright a {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   text-decoration: none !important;
   color: #215196;
}
copyright a:hover {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   color: white;
}
/* FIN PARTIE CSS */

/*Transparence*/
.view {
  width: 300px;
  height: 200px;
  margin: 10px;
  float: left;
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(http://data.nimages.fr/bgimglaq.jpg) repeat center center;
}
.view .mask,.view .content {
  width: 300px;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
}
.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 20px 0 0 0;
}
.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: justify;
  overflow: auto;
  height: 75px;
}
.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 1px #000;
  -moz-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
}
.view a.info: hover {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}
.view-tenth img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
  background-color: rgba(255, 231, 179, 0.3);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  font-family: Oswald;
  font-weight: normal;
  margin: 20px 20px 0px 20px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  color: #333;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth p {
  color: #333;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth:hover img {
  -webkit-transform: scale(10);
  -moz-transform: scale(10);
  -o-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
copyright {
   display: block;
   margin: auto;
   text-align: center;
   font-size: 11px;
   font-family: Arial;
   color : white;
   text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
copyright a {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   text-decoration: none !important;
   color: khaki;
}
copyright a:hover {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   color: burlywood;
}
.clear {
   clear: both;
}
/* FIN PARTIE CSS */
/*END*/

/*Boite de dialogue*/
.boitedetexte {
   border: 6px double rgba(189,228,081,1);
   width: 450px;
   min-height: 200px;
   margin: auto;
   border-radius: 25px;
   background: rgb(225,235,200) url('http://data.nimages.fr/grainbip.png') ;
}
h2.grostitre {
   margin: auto;
   text-align: center;
   font-family: "Arial Black";
   text-transform: uppercase;
   letter-spacing: -2px;
   padding-top: 10px;
   color: burlywood;
   text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
   -webkit-transform:scaleY(1.7); -moz-transform:scaleY(1.7); -o-transform:scaleY(1.7);
}
h2.grostitre:hover {
   text-shadow: 1px 1px 0px rgba(255,255,255,0.7) , -1px -1px 5px rgba(255,255,255,0.7);
}
div.boitedetexte p {
   text-align: justify;
   padding: 15px;
   margin: 10px;
   font-family: Lucida Grande;
   font-size: 11px;
   background-color: rgba(255,255,255,0.5);
   border-radius: 25px 100px 25px 100px / 100px 25px 100px 25px;
}

copyright {
   display: block;
   margin: auto;
   text-align: center;
   font-size: 11px;
   font-family: Arial;
   color : white;
   text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
copyright a {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   text-decoration: none !important;
   color: khaki;
}
copyright a:hover {
   -webkit-transition: 0.5s ease-in all;
   -moz-transition: 0.5s ease-in all;
   -o-transition: 0.5s ease-in all;
   
   color: burlywood;
} /* FIN PARTIE CSS */
/*END*/

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 800px; 
      padding: 30px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #fcca00; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 400px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
 border: 1px solid #7fbf33;  /* Bordure des personnages */
 margin: 10px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}
/*END*/


/* ------------- FICHE RPG
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
div.cssactif_fiche { /* Fond de la fiche */
  background-color: #1D1D1D; /* Couleur de fond */
 
 
  -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
  -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
 
  -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
     
}

div.cssactif_fiche_header { /* En-tête avec image de fond */
  background-repeat: none; /* Empêche la répétition de l'image du header */
  background-position: top center; /* Postionne l'image du header en haut, au center */

 
  height: 150px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande */
 
  border-bottom: 15px double #921628; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style)  */
 
 
  /* Bordures  supérieures arrondies (voir: http://border-radius.com/) */
  -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
 
}

div.cssactif_fiche_titre h1 { /* Titre prénoms & nom */

font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */

  font-size: 32px; /* Taille du texte: TAILLEpx */
 
  text-shadow: 1px 1px 0px #000; /* Ombre du texte */
 
  color: #d51731; /* Couleur du texte */
 
  margin: 0; /* Supprime la marge par défaut de l'élément h1 */
 
  text-align: right;  /* Aligne le titre à droite */
  text-transform: uppercase; /* Met le titre en majuscules */
 
}

div.cssactif_fiche_titre { /* Titre + feat */
  /* Positionne le titre "à cheval" sur la bordure */
  position: relative;
  top: -28px;
 

  text-align: right;      /* Aligne le texte à droite */
 

  padding-right: 20px;    /* Défifine une marge interne */
  color: #CCCCCC; /* Couleur du feat */
}

div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
 background-color: #111111;  /* Couleur du fond des sous-titres */
 border-color: #6a0e1b; /* Couleur de la bordure */
 border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS  GAUCHE & DROITE */
 border-style: solid; /* Style de la bordure */
 
    -webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

  text-align: center;  /* Aligne le titre au centre */
  text-transform: uppercase; /* Met le titre en majuscules */
  font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
  color: #921628;  /* Couleur du titre */
  margin: 0; /* Supprimer marge */
  font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
  font-weight: normal; /*Épaisseur du texte */
  text-shadow: 1px 1px 0px #000; /*Ombre du texte */
  letter-spacing: 5px; /* Espacement des caractères */
 
}

.cssactif_fiche_content { /* Contenu */
 padding: 10px; /* Marge interne */
 text-align: justify; /* Justifie le texte */
 text-shadow: 1px 1px 0px #000; /*Ombre du texte */
}

.cssactif_fiche em { /* Libellés */
  font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
  color: #921628;  /* Couleur du titre */
  font-style: normal;
  text-transform: uppercase;
 
}
/* ------------- FIN FICHE RPG */

/* ------------- FICHE PV
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
.cssactif_pv { /* Fond de la fiche */
  background-color: #1D1D1D; /* Couleur de fond */
 
 
  -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
  -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
 
  -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
     
}

td.cssactif_pv_header { /* En-tête avec image de fond */
  background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
  background-position: top center; /* Postionne l'image du header en haut, au center */

  width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
  height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */
 
  border-right: 15px double #921628; /* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style)  */
 
 
  /* Bordures  gauche arrondies (voir: http://border-radius.com/) */
  -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
 
 
  text-shadow: 1px 1px 0px #000; /* Ombre du texte */
  font-size: 10px; /* Taille du texte: TAILLEpx */
}

div.cssactif_pv_titre h1 { /* Titre prénoms & nom */

font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */

  font-size: 32px; /* Taille du texte: TAILLEpx */
 
  text-shadow: 1px 1px 0px #000; /* Ombre du texte */
 
  color: #d51731; /* Couleur du texte */
 
  margin: 0; /* Supprime la marge par défaut de l'élément h1 */
 
  text-align: right;  /* Aligne le titre à droite */
  text-transform: uppercase; /* Met le titre en majuscules */
 
}

div.cssactif_pv_titre { /* Titre + feat */
  /* Positionne le titre "à cheval" sur la bordure */
  position: relative;
  top: -28px;
 

  text-align: right;      /* Aligne le texte à droite */
 

  padding-right: 20px;    /* Défifine une marge interne */
  color: #CCCCCC; /* Couleur du feat */
}

.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
 background-color: #111111;  /* Couleur du fond des sous-titres */
 border-color: #6a0e1b; /* Couleur de la bordure */
 border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS  GAUCHE & DROITE */
 border-style: solid; /* Style de la bordure */
 
    -webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

  text-align: center;  /* Aligne le titre au centre */
  text-transform: uppercase; /* Met le titre en majuscules */
  font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
  color: #921628;  /* Couleur du titre */
  margin: 0; /* Supprimer marge */
  font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
  font-weight: normal; /*Épaisseur du texte */
  text-shadow: 1px 1px 0px #000; /*Ombre du texte */
  letter-spacing: 5px; /* Espacement des caractères */
 
}

.cssactif_pv_content { /* Contenu */
 padding: 10px; /* Marge interne */
 text-align: justify; /* Justifie le texte */
 text-shadow: 1px 1px 0px #000; /*Ombre du texte */
}

.cssactif_pv em { /* Libellés */
  font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
  color: #921628;  /* Couleur du titre */
  font-style: normal;
  text-transform: uppercase;
 
}


div.infobulle {
  position: relative;
  cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
  display: inline-block; /*Place les icones un à côté de l'autre */
  margin: 10px; /* marge entre les icones */
  border: 1px solid #333; /* bordure des icones */
 
  -webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 5px 0px #000000;  /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */

}

div.infobulle img {
 height: 50px;
 width: 50px; 
}

div.infobulle div{
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle:hover div{
  display: block; /* ceci affiche l'infobulle */
  position: absolute;

  width: 300px; /* Largeur de l'infobulle */

  top: 50px; /* on positionne notre infobulle */
  left: 0px;

  background-color: #1D1D1D; /* Couleur de fond */
 
 
  -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
  -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
 
  -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
      border-left: 6px double #921628;
      padding: 10px; /* marge interne de l'infobulle */
}
/* ------------- FIN FICHE PV */

/*Twitter*/
.Touiter{
  width: 565px;
  border: 0px solid #eeeeee;
  margin:auto;
}
.Touiter td{
  font-family:arial;
}
.TouiterLogin {
  height:40px;
  background-color: #1a1a1a;
  padding: 5px;
  text-transform: uppercase;
}
.TouiterLogin img{
  vertical-align:middle;
}
.TouiterAvatar td{
  width: 150px;
  background-color: #f8f8f8;
  padding: 15px;
}
.TouiterAvatar td+td{
  width:565px;
}
.Touitermessage td{
  background-color: #f8f8f8;
  padding: 10px;
  border-right: 0px solid #f8f8f8;
}
.Touitermessage div[align=justify]{
  margin-left:5px;
  word-spacing:8px;
  color:royalblue;
}
.TouiterAnswer,.TouiterReAnswer{
  background-color: #ffffff;
  border: 1px solid #cecece;
  padding:1px;
  width:310px;
}
.TouiterReAnswer {
  background-color: #ffffff;
  background-image: url(http://i43.tinypic.com/1t3t5g.jpg);
  background-repeat: no-repeat;
}
.TouiterRelation{
  width: 170px;
  background-color: #f8f8f8;
  padding-left: 10px;
  border-left: 1px solid #cbcbcb
}
.TouiterRelation hr{
  border-bottom:2px solid #d3d3d3;
}
.TouiterFollow td{
  padding:3px;
}
/*END*/

/*FACEBOOK*/
.fessbouc{width: 550px; background-color: #ffffff;margin:auto;}
 
.fessboucleft{vertical-align: top; width: 130px; border-right: 1px solid #B3B3B3; padding:10px 0 0 0;}
.fessboucleft td{border-bottom: 1px solid #dddddd;font-family: Tahoma; }
.FB_avatar img{margin:0 0 5px -20px;width: 125px; height: 175px;}
.FB_wall{padding-top: 4px;background: url(http://i56.tinypic.com/nyiw3p.jpg) no-repeat bottom left; width: 110px; height: 80px; font-size: 9px; line-height: 15px; color: #333333; padding-left: 20px;}
 
.FB_relation{padding:10px 0;text-align:left;color:#808080;font-size:9px;font-weight:bold;}
.FB_relation img{width:50px;height:50px;float:left;margin-right:3px;}
.FB_relation b{color: #3B5998;font-weight:bold;}
 
.fessboucright {vertical-align:top;padding-left:10px;padding-right:40px;border:1px solid #B3B3B3;border-width:0 1px 1px 0;}
.fessboucright td{font-family: Tahoma; padding:3px 0;}
td.FB_profil {border: 0px;}
td.FB_photo img{ width:67px;height:47px;}
 
.FB_message td{vertical-align: top;border: 0px;padding-right: 5px;border-bottom: 1px solid #dddddd;}
.FB_message td img{width: 50px;}
.FB_message div{font-size: 9px; color:#000;margin-bottom:5px;height: 100px; overflow: auto;}
 
.FB_answer{border-bottom: 1px solid #dddddd; background-color: #ffffff; padding-bottom: 5px;margin:auto;}
.FB_answer td{vertical-align: top;padding-right: 5px;font-size:10px;}
.FB_answer td+td{width: 310px;}
.FB_answer strong img{width: 50px;}
 
.FB_comment{width: 280px; background-color:#edeff4; border-bottom: 1px solid #dddddd;margin:auto;}
.FB_comment td{vertical-align: top;padding-right: 5px;font-size:9px;}
.FB_comment td+td{width: 255px;}
.FB_comment strong img{width: 25px;}
 
.FB_friendplus{ padding-bottom: 5px;margin:auto;}
/*END*/

/*blog*/
.katietable{
  width:500px;
  margin:auto;
  background-color:#D4DBDA;
  -moz-border-radius: 0px 0px 75px 0px;
  -webkit-border-radius: 0px 0px 75px 0px;
  border-radius: 0px 0px 75px 0px;
  border:5px solid #9CBFBB;
  border-width: 5px 0 0 5px;
}
.katietable img{
  width:200px;
}
.katiedroite {
  width:300px;
  height: 300px;
  overflow: auto;
  text-align: justify;
}
.katiedroite table tr td{
  background-color:#F0E5E1;
  color:#DBBBAF;
  text-align: justify;
  padding: 5px;
  border:20px solid #FFFFFF;
  border-width:10px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-family: calibri;
  font-size: 10px;
  line-height: 90%;
}
.katiedroite table tr td strong,.katiedroite table tr td a{
  font-size: 14px;
  font-family: arial narrow;
  color:#9CBFBB;
}
.katiesign{
  height: 30px;
  font-family: georgia;
  font-size: 35px;
  color:#9CBFBB;
  letter-spacing: -2px;
  line-height: 20%;
  padding-bottom:30px;
}
  .katiesign strong{
  font-family: arial narrow;
  font-size: 8px;
  font-weight: lighter;
  color:#9CBFBB;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/*END*

/*Code MSN*/
.cadreblanc{
  background-color:#ffffff;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 330px;
  margin:auto;
}
.cadreblanchaut td{
  height:15px;
  background-color:#EFEFEF;
  font-family:OCR A Extended, verdana;
  text-align:center;
  font-size:9px; color:#B5A338;
  line-height:90%;
  letter-spacing:1px;
  text-transform:uppercase;
  text-shadow:#ffffff 1px 0px 0px;
  padding-top:7px;
}
.cadreblanchaut td+td{
  width: 23px;
}
.basgauche div{
  width:146px;
  height: 146px;
  margin:4px;
  border: 4px solid #EFEFEF;
  background-image: url(146x146 PIC UP IN HERE!!!!!!!!!! );
}
.basdroite div{
  width:146px;
  height: 146px;
  text-align: justify;
  overflow: auto;
  font-size: 9px;
  font-family: georgia;
  line-height: 95%;
  color:#000000;
  padding: 2px;
}
.basauteur{
  font-family: arial narrow;
  font-size: 7px;
  font-style: italic;
  color:#000000;
  letter-spacing: 1px;
  text-align:center;
}
/*END*/

/*FICHE*/
.propriete1 {
background-image:url('http://obsession27.free.fr/divers/fonds/epi2.png');
width:450px;
box-shadow:0px 0px 5px #DBC7AE;
border-radius:10px;
}
 
.propriete2 {
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}

.propriete3 {
padding:10px;
font-family:Times New Roman;
font-size:12px;
}

.propriete4 {
background-color:#D5B1A0;
height:25px;
}


.titre {
font-size:38px;
font-family:Times New Roman;
letter-spacing:1px;
margin-top:-65px;
}

.texte {
font-size:25px;
font-family:Times New Roman; 
letter-spacing:1px;
color:#AD948A;
margin-bottom:-60px;
}

.propriete5 {
background-color:#F8EEE9;
border-radius:5px;
}

.propriete6 {
padding:10px;
text-align:justify;
font-size:12px;
font-family:Times New Roman; 
line-height:13px;
}
/*END*/

/*Barre noir dans les sujets*/

th {
background-image: url("http://illiweb.com/fa/empty.gif");
  text-shadow: 1px 1px 0px white;
color: #91776B;
font-size: 11px;
font-weight: 700;
height: 0px;
padding: 0px 0px;}


hr {
border: none;
border-top-width: 0px;
height: 0;}

th.thBottom,th.thCornerL,th.thCornerR,th.thHead,th.thLeft,th.thRight,th.thSides,th.thTop {
border-width: 0px;
}
.thLeft {
border-width: 0px;
}
.thRight {
border-width: 0px;
}

.catLeft, .catBottom, .catHead {
border-width:0 0 0 0px !important;
padding : 0px !important;
margin : 0px !important;}
/*END*/

/*Naviguation*/
.navtop {
position: fixed;
top: 1px;
width: 100%;
  font-family: 'Advent Pro', sans-serif;
  text-align: center;
border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0;
  border: 0;
  -moz-box-shadow: inset 0 0 65px #dbc5bc;
  -webkit-box-shadow: inset 0 0 65px #dbc5bc;
  box-shadow: inset 0 0 65px #dbc5bc;
  background-color: #eadad4;
left: 0px;
}
/*END*/

/*QEEL*/
.tableauqeel {
  width: 218px;
  height: 230px;
  padding: 8px;
  margin-left: 5px;
  text-align: justify;
  font-size: 11px;
  line-height: 11px;
  border: 1px solid #edd1b6;
  background-color: #f9edd9;
    -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
}
.tableauqeel:hover {
  width: 218px;
  height: 230px;
  padding: 8px;
  margin-left: 5px;
  text-align: justify;
  font-size: 11px;
  line-height: 11px;
  border: 1px solid #d38d7c;
  background-color: #f9edd9;
    -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
}
.zonetexte {
 font-family: 'Advent Pro', sans-serif;
  font-size: 12px;
  text-shadow: 2px 2px 2px #d6a0b4;
  width: 215px;
  height: 135px;
  padding: 2px;
  text-align: justify;
  font-size: 11px;
  line-height: 11px;
  overflow: auto;
  margin-bottom: 5px;
}
.imgqeel {
  width: 20px;
  opacity: 0.8;
  padding: 1px;
  border: 1px solid #e5c7aa;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-left: -2px;
}
.imgqeel:hover {
  width: 20px;
  opacity: 0.8;
  padding: 1px;
  border: 1px solid #baab91;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-left: -2px;
}
.mon_onglet{
  display: inline;
  color: #fff;
}
 
.mon_onglet:hover{
  color: #333;}
       
.mon_onglet_selected{
  display: inline;
  color: #000;

       
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  line-height: normal;
  font-size: 11px;
text-align:center;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}



.mon_ongletx{
  display: inline;
  color: #fff;
}
 
.mon_ongletx:hover{
  color: #333;}
       
.mon_ongletx_selected{
  display: inline;
  color: #000;


.mon_contenux{
  color: #000;
  line-height: normal;
  font-size: 11px;
text-align:center;}
 
#mes_contenusx, #mes_ongletsx{
  height: 100%;
  width:100%;}

/*END*/

/*APPARENCE*/

body a {text-decoration: none;}
body a:hover {text-decoration: none;}

/*TEST*/

.cadcol{
  background: #d0d0cd;
  padding-top: 15px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 30px;
  width: 490px;
  border-radius: 55px;
        -moz-border-radius:55px;
        -webkit-border-radius: 55px;
        -khtml-border-radius: 55px;
}

.tableau {height: 122px;}

.cadcol_text {text-align: justify;
  height: 62px;
  padding: 6px;
  width: 280px;
  overflow: auto;}


.cadcolo{
  margin-top: 55px;
  padding: 5px;
  height: 108px;
  box-shadow: 0px 0px 15px #a8a8a5 inset;
border-radius: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
  background: #d0d0cd;
}
 
a.forumlink{
  display: block;
  text-align: center;
  font-family: 'Courgette', cursive;
  font-size: 1.4em;
}
 
.forumline{
  padding: 5px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

.fondcat{
background-color: #f7def2;
}

.fondfo{ background: #f7def2;
}
/*END*/

.descriptions {
background-color: #cacac6;
box-shadow: 0px 0px 15px #939391 inset;
 border-radius: 5px;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
color: white;
font-size: 0.8em;
  height: 98px;
padding: 10px;}

.forum_sous {
  padding: 6px;
  box-shadow: 0px 0px 15px #a8a8a5;
border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
height: 62px;
  width: 120px;
overflow: auto;}

.ss-forum {padding: 6px;
  box-shadow: 0px 0px 15px #a8a8a5;
border-radius: 40px;
        -moz-border-radius:40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
background-color: #b7b7b2;}


body {
background-image: url('http://img4.hostingpics.net/pics/447293TTIP.png');
background-repeat: no-repeat;
background-position: top center;
  background-attachment: scroll;
  }

/*END*/

/*scrollbar*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
  width: 10px;
  background-color: #e0dd82;
  height: 10px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
  background-color: #e0dd82;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
  background-color: #A9A651;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
  background-color: #A9A651;
  height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
  background-color: #A9A651;
  width: 10px;
}
/*END*/

/*Selection des codes...etc*/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/*END*/
 
/*encadrement du forum*/

.bodyline{
border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
  padding: 0;
  border: 0;
  -moz-box-shadow: inset 0 0 65px #dbc5bc;
  -webkit-box-shadow: inset 0 0 65px #dbc5bc;
  box-shadow: inset 0 0 65px #dbc5bc;
  background-color: #f7def2;
  border-left: 10px solid #DEC0B4;
    border-right: 10px solid #DEC0B4;  }

/*END*/

/*Arrondis bouton...etc*/
 
input, select {
    color : #B15C79 DU TEXTE;
    font: normal 11px Verdana;
    border: #EBA0BA DES BORDS;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    background-color: #E792AF DU FOND;
    -moz-border-radius: 10px 10px 10px 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;    }

textarea, select {
    color : #B15C79 DU TEXTE;
    font: normal 11px Verdana;
    border: #EBA0BA DES BORDS;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    background-color: #E792AF DU FOND;
    -moz-border-radius: 10px 10px 10px 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;    }
/*END*/

/*Profil*/

.fond {
border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
  padding: 0;
  border: 0;
  -moz-box-shadow: inset 0 0 65px #d6a0b4;
  -webkit-box-shadow: inset 0 0 65px #d6a0b4;
  box-shadow: inset 0 0 65px #d6a0b4;
  width: 220px; }

.fond2 {
 font-family: 'Advent Pro', sans-serif;
  font-size: 12px;
  text-shadow: 2px 2px 2px #d6a0b4;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
  padding-left:5px;
  -moz-box-shadow: inset 0 0 65px #d6a0b4;
  -webkit-box-shadow: inset 0 0 65px #d6a0b4;
  box-shadow: inset 0 0 65px #d6a0b4;
  border: 2px solid #f7e8ee;
  background-color: #F9E3EB; }

.profiltexte {
 text-shadow: 2px 2px 2px #ddccb5;
    font-size: 21px;
  font-family: 'Courgette', cursive;
  color: #E792AF; }

.rotationavatar {
-moz-transform: rotate(3.50deg);
-webkit-transform: rotate(2.00deg);
transform: rotate(3deg); }

.rotationavatar:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(1deg); }

 .img_comments {
        max-width: 200px;}

.postdetails.poster-profile img {
  border-radius: 15px 15px 15px 15px;
  width:200px;
  display:block; }

.texteprofil {
    text-shadow: 2px 2px 2px #ddccb5;
    font-size: 15px;
  font-family: 'Courgette', cursive; }

.nom_du_div {
border: 3px solid white;
  border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
  width: 200px;  }

.iconeavatar img{
border-top-left-radius: 8px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 8px;
  width: 200px; }
 
/*END*/

/*CITATIONS*/

.quote{
font-family: Arial;
    font-size: 11px;
    color: #F8EEE9;
    line-height: 125%;
  background-color: #DEC0B4;
    border: #DFC1B5;
    border-style: solid;
  border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
    -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-box-shadow : 3px 3px 4px; }
 
/*END*/

/*POSTS*/
.message {
border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
  border: 0;
  -moz-box-shadow: inset 0 0 65px #edd0db;
  -webkit-box-shadow: inset 0 0 65px #edd0db;
  box-shadow: inset 0 0 65px #edd0db;
  background-color: transparent;  }

.signature_div {
  text-align: center; }
/*END*/

 
/*Soulignement*/

a:link{
    text-decoration: none; }

/*END*/[/hide]

merci beaucoup de m'aider
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Mar 30 Oct - 17:30
“ Commentaire de Amethyst.
Le problème ne vient pas de ta feuille css, tout marche sur le forum test :
[Seuls les administrateurs ont le droit de voir ce lien]
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Mar 30 Oct - 17:36
“ Commentaire de CryingToYourHeart
Ah, alors ça doit peut-être venir d'un template, je sais pas :s
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Mer 31 Oct - 13:21
“ Commentaire de Amethyst.
As-tu bien changé ton template avec celui que je t'ai donné?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Mer 31 Oct - 13:26
“ Commentaire de CryingToYourHeart
Oui je l'ai bien changé pourtant :s
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 20:29
“ Commentaire de Amethyst.
Si ça ne vient ni du CSS, ni du template, c'est qu'il s'agit d'un de tes templates je pense.
Veux-tu que je les teste ou préfères-tu poser directement la question sur le forum des forums?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 20:35
“ Commentaire de CryingToYourHeart
Si ça ne te dérange pas, si tu ne trouves pas j'irais leur demander de l'aide
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 20:39
“ Commentaire de Amethyst.
A quelle largeur est ton forum?
As-tu enlevé une balise par erreur dans la description des catégories?
Peux-tu me donner tes templates modifiés avant que je les teste un par un?

Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 20:58
“ Commentaire de CryingToYourHeart
J'ai mis le forum en 20%, et le contour du forum a la même taille que le haut et le bas des catégories.
Je ne pense pas en avoir enlevé une.

voici index_body

Code:
[hide]{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
       
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="95%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<script language="javascript" src="http://testounets-fow.1fr1.net/h7-onglets"></script>
<br/><center><table><tr><td><div class="tableauqeel"><span id="blabla">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/Nos membres ont posté un total de/,"Les habitants de <i>Kamalino</i> ont posté");</script>
        <script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/messages/,"<em>rumeurs</em>.");</script>
       
    <span id="users"> {TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById ('users').innerHTML.replace(/Nous avons/,"La ville compte ");</script>
<script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById ('users').innerHTML.replace(/membres enregistrés/,"habitants");</script>.
<span id="newest">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière personne à s'être installée en ville est");</script> <br>
  <br/>
<span id="TUO">{TOTAL_USERS_ONLINE}</span>
 <script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Il y a en tout/,"Nous pouvons trouver");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/utilisateur en ligne :/," habitant en ligne");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/utilisateurs en ligne :/," habitants en ligne");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Enregistrés/,"habitants");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invisible/,"timide");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invisibles/,"timides");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invité/,"fantôme");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invités/,"fantômes").;</script>
  <br/>
<span id="en ligne">{LOGGED_IN_USER_LIST}</span>
  <script type="text/javascript">document.getElementById('en ligne').innerHTML=document.getElementById('en ligne').innerHTML.replace(/Utilisateurs enregistrés/,"Plusieurs habitants se promènent en ville");</script></div></td>
<td><div class="tableauqeel">

<div id="mes_onglets"><table style="margin: auto;" ><tr>
      <td><span id="o_1" class="mon_onglet_selected" OnMouseover="changeOnglet(this);"><img src="http://i.imgur.com/7v791.png" width="20px;" class="imgqeel" style="margin-right: -4px; margin-left: -4px;"/></span></td>
        <td><span id="o_1" class="mon_onglet" OnMouseover="changeOnglet(this);"></span></td>

 <td><span id="o_2" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgur.com/Y6Cdw.png" width="20px;" class="imgqeel"/></span></td>

        <td><span id="o_3" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://img11.hostingpics.net/pics/241251home.png" width="20px;" class="imgqeel"/></span><br /></td>

        <td><span id="o_4" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td>
 
  <td><span id="o_5" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td><br />
 
  <td><span id="o_6" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td></tr></table>
  <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_3" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
      <div id="co_5" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div> 
      <div id="co_6" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
   
 
  </div></td>
  <td><div class="tableauqeel"><table class="heures">{L_CONNECTED_MEMBERS}</table></div></td></div>
<!-- END disable_viewonline -->
{AUTO_DST}[/hide]

overall_header:

Code:
[hide]    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
   
      <script type="text/javascript" src="http://astuforum.free.fr/forum/script_astuforum_tabs.js"></script>
    <body>
     
     
     
      <head>
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
            case 'top' :
                slid_vert = true;
                break;

            case 'left':
                break;

            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

            case 'right':
                auto_dir = 'prev';
                break;

            default:
                slid_vert = true;
          }

          $(document).ready(function() {
            var w_cont = $('#fa_ticker_container').width();

            if (w_cont > 0)
            {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display','block');

                /* Calcul des dimensions du conteneur et des ?l?ments */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
                $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                      height_max = $(this).height();
                  }
                } );

                /* Redimensionnement des ?l?ments et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                  if ($(this).width() > width_item)
                  {
                  var ratio      = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
                  }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert)
                {
                  $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                  wrap: 'circular',
                  auto: {switch_ticker.STOP_TIME},
                  auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
            }
            else
            {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
          });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </head>
      <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/198368448645211924/accordeons.js"></script>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
     
     
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top">{GENERATED_NAV_BAR}
  </td></tr></tbody></table></center><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
     
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup">
          <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                  <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                  <div id="login_popup_buttons">
                      <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}" />
                        <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                      </form>
                  </div>
                  <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
          </table>
      </div>
      <!-- END switch_login_popup -->

      <a name="top"></a>
      {JAVASCRIPT}

      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
          <td>
                    <br/>
           
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                      <!-- BEGIN switch_logo_left -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     
                    <!-- END switch_logo_left -->
               
                      <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                       
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- BEGIN switch_logo_right -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                      <!-- END switch_logo_right -->
                  </tr>
                </table>


                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->
<div id="page-body" class="bodyline">
                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker -->

               
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                            <tr>
                              <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>
                              <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                              </td>
                            </tr>
                        </tbody>
                      </table>
                  </div>
                </div>
            </td>
          </tr>
      </table>
    </body>
    </html>
    <!-- END html_validation -->[/hide]

J'ai également modifié le template, viewtopic_body, mais je ne pense pas qu'il rentre en compte dans l'affichage des catégories.

Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 20:59
“ Commentaire de CryingToYourHeart
dp:

Je le met ici car je ne pouvais pas le mettre dans le poste au dessus

Code:
[hide]<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div class="fondprofil">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"><div class="fond"><br><span class="postdetails poster-profile">
                          <center>{postrow.displayed.RANK_IMAGE}</center>
            <br>
              <center><div class="rotationavatar"><div class="nom_du_div"><div class="iconeavatar">{postrow.displayed.POSTER_AVATAR}</div></div></div></center>
                <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center>Hello guys i'm
                  <div class="texteprofil">{postrow.displayed.POSTER_NAME}</div></center></strong></span>
              <br><br>
                <div class="fond2"><div class="profiltexte"><center>Who i am ?</center></div><!-- BEGIN profile_field -->
          <div class="img_comments">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            </div></div>
               
            <div onclick="this.firstChild.value=(this.firstChild.value=='Oh my gosh !')?'Close':'Oh my gosh !';this.lastChild.style.display=(this.firstChild.value=='Oh my gosh !')?'none':'block';" style="text-align: center;">
        <input type="button" value="Oh my gosh !" style="background-color: #fcf2f6; color: #EBA0BA;-moz-border-radius:10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;" />
<div style="display: none; text-align: left;">
          {postrow.displayed.POSTER_RPG}
             
              </div></div>
              </div>         
                <center><div class="mligne"></div></center>
                <div class="profiltexte"><center>Nom du forum</center></div>
               
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div><div class="message"><div class="texteprofil">{postrow.displayed.POSTER_NAME} secret is:</div>{postrow.displayed.MESSAGE}</div></div>
                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->

<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>[/hide]
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 21:13
“ Commentaire de Amethyst.
index_body -> Aucun effet
overall_header -> grossit la police principale mais ne déforme pas le contenu outre mesure
viewtopic_body -> Aucun effet

Dans mon panneau de configuration, la largeur de mon forum est à 846, peut-être que ça pourrait venir de là
Si tu testes 846 en largeur de forum, que se passe t-il chez toi?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 21:24
“ Commentaire de CryingToYourHeart
J'ai testé et rien ne change, ça reste exactement pareil :s
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 21:31
“ Commentaire de Amethyst.
Alors je sèche, le code marche bien sur le forum test, mais pas sur le tien
Es-tu sûre de ne pas avoir modifié le code dans les descriptions?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 21:39
“ Commentaire de CryingToYourHeart
Oui, je viens de le remettre et ça me donne pareil

Peut-être que ça vient de ce code:

Code:
<table width="100%" cellpadding="0"><tr><td>
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</td>
<td align="right">
  <div class="forum_sous ">
<a href="Adresse ou URL" class="ss-forum">Sous forum numéro 1</a><br />
</div>
</td></tr></table>
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 22:01
“ Commentaire de Amethyst.
J'ai vu que certains codes avaient été justement modifiés dans ce tableau, or ils ne fonctionnent pas si tu ne reprends qu'une partie du code

Voilà ce que tu m'as donné :
Code:

<table width="100%" cellpadding="0"><tr><td>
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</td>
<td align="right">
  <div class="forum_sous ">
<a href="Adresse ou URL" class="ss-forum">Sous forum numéro 1</a><br />
</div>
</td></tr></table>

Voilà ce que tu dois avoir :
Code:

<table class="tableau" cellpadding="12"><tr><td valign="top" width="300" align="justify" class="desc_fo"><center><div class="cadcol_text">Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description</div></div></center>
</td>
<td valign="top"><div class="forum_sous"><center><div class="ss-forum"><a href="http://nomduforum.fr">sous-forums : les invités</a></div></br><div class="ss-forum">sous-forums</div></br><div class="ss-forum">sous-forums</div></br><div class="ss-forum">sous-forums</div></br></center></div>
</td>
</tr>
</table>
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 22:09
“ Commentaire de CryingToYourHeart
Oh merci beaucoup ça marche maintenant
Merci mille fois pour ton aide
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 22:10
“ Commentaire de Amethyst.
Je t'en prie
La commande est-elle terminée ou as-tu besoin d'aide sur la finition du code?
Revenir en haut Aller en bas



avatar
Je débute, je suis un coquelicot

Say hello to the amazing

✓ YOUR AGE : : 22
✓ ANCIENNETE : : 20/02/2012
✓ LOGICIELS : : Photoshop CS6

Voir le profil de l'utilisateur http://goldenmind.skyrock.com



Posté le Jeu 1 Nov - 22:12
“ Commentaire de CryingToYourHeart
Oui elle l'est, merci beaucoup pour ton aide
Je pense pouvoir me débrouiller pour le reste
Revenir en haut Aller en bas



avatar
Who run the world ?

Say hello to the amazing

✓ YOUR AGE : : 27
✓ ANCIENNETE : : 26/12/2011
✓ LOGICIELS : : Photoshop
▶ MUSIQUE DU MOMENT : : Never say never - JACOB ARTIST
▶ EMPLOI/ETUDES : : Infographiste

Voir le profil de l'utilisateur http://www.cupofdesign.net



Posté le Jeu 1 Nov - 22:14
“ Commentaire de Amethyst.
Bon courage pour la finition alors
Je mets le sujet en terminé
Revenir en haut Aller en bas





Say hello to the amazing
Contenu sponsorisé





Posté le
“ Commentaire de Contenu sponsorisé ”
Revenir en haut Aller en bas
 

Codage pour catégories [En attente]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» [Annulée] Demande de description des catégories.
» ['Christa] Regrouper les catégories en Onglet
» Codage des catégories [Lixyr]
» [Nocturne] Demande: les catégories
» Niveau des catégories...

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cup of Design :: Commandes party :: Autres... :: ∆ Commandes terminées.-