catégorie et liste de sujet

Rappel du premier message :

Spoiler:

mise a jour



Merci as ceux qui passeront du temps dessus.

UP, je fait encore un ou deux changement sur ma feuille CSS

Bonsoir Sebastien ^^

J'aimerais savoir si cela ne te dérange pas que je reparte de 0 pour ta commande.

Si oui, tu l'auras soit ce soir, soit demain. ^^

sa me dérange pas

Merci. ^^

Je me remettrais sur ta commande à mon retour. :)

Coucou Seb' ^^

Je viens de te faire les catégories : ) => Cf ICI

Cela correspond à tes attentes ? :)

+ou- y as de trois détaille a peaufiner.

le titre n'est pas a la bonne place, le description est trop en hauteur et le les bloc est les nombre de sujet est trop grand.

Edit: si je devait faire sa dans une table, le tableaux resenblerai a sa

Le changement a été fait.

Je verrais demain si le changement te convient.

a par que sur ton forum teste il manque le cadre.
https://2img.net/r/hpimg15/pics/793822Sanstitre5b.png
https://2img.net/r/hpimg11/pics/353449Sanstitre8.png
https://2img.net/r/hpimg11/pics/676508Sanstitre6.png

oui, c'est bon =)

J'ai mis l'image dessus.

Ensuite quand je regarde ton image sur la liste des sujets. Ce n'est pas les sujets que tu me montres ici

Tu me montres tes catégories. Si je te mets le nombre de vue etc, on le verra aussi sur le forum. Je doute que cela soit l'effet que tu recherches : )

je suis pas sur du terme technique mais l'idée, c'est que sa =>http://l-anneau-des-dragons.1fr1.net/f13-fionavar devienne sa ça =>image

Après des heures je suis parvenue à ceci => Clic clic pour voir

Cela te convient ?

j'ai été impressionner en voyant le résulta, bravo.

y as néanmoins deux petite chose a corrigé ( c'est pars que je suis difficile )

tu serait centré l'élément qui est encadré en rouge au niveaux le la hauteur.
https://i.servimg.com/u/f41/11/81/80/36/sans_t37.jpg

et fait un petite correction au catégorie, faudrait réduire au maximum l’espace ou sont les flèche rouge sur l'image.
https://i.servimg.com/u/f41/11/81/80/36/sans_t38.jpg

faudrait faire aussi un cadre autour de la liste des sujet, mais je me suis aperçu que les image que tu disposer ne te donner pas asse d'élément. alors je vais en refaire une pour que tu voyant se que sa donne.

ÉDIT : voila, c'est fait
https://i.servimg.com/u/f41/11/81/80/36/sans_t39.jpg

si ta des question n’hésite pas.

Mouaaaaaaah. Bah là ça sera demain. XD

Car tu es pas le seul membre qui a besoin de moi

J'en ai plein qui attendent et j'ai un forum qui m'attend pour un codage complet et j'ai que mes weekend XD

Seb', avec ça, je me vois mal passer tous mes weekend sur ta commande. ^^

surtout que me commende n'est pas urgente, j'ai du taff aussi a faire dessus

j'ai éditer mon message précédant (j'avais pas vue que t'avais poster.)

Coucou Seb' ^^

Bon normalement cela devrait être bon => Clic clic

J'ai mis moins d'espacement entre les forums, j'ai mis le cadre dans la liste des sujets et j'ai mis un espacement.

Au niveau de la bordure noire, elle vient des traits du forum. Les lignes que tu contrôles par les couleurs que tu mets dans ton panneau d'administration.

Certes. Mais personnellement je n'aime pas commencer d'autres commandes quand celle en cours n'est pas fini.

Sauf exceptionnellement si c'est une pa ou un profil.

Pour les catégories, ça bloque un peu : )

tout a l'aire parfait

Mes devoirs finis ^^

Je peux t'envoyer maintenant ton css et tes templates : )

salut, y as un petit bug

Code:

body {cursor: url('http://upload.is.free.fr/upload/hh8tb3cy.cur'), auto;
        }
        a {
        cursor: url('http://upload.is.free.fr/upload/b9v9u11p.cur'), auto;
        }


.cathead
{
  background: url('http://img15.hostingpics.net/pics/793822Sanstitre5b.png') top center no-repeat;
width: 902px;
height: 285px;
  margin: auto; /*Permet de centrer la partie du corps*/
}

.catbody
{
  background: url('http://img11.hostingpics.net/pics/353449Sanstitre8.png') center repeat-y;
width: 902px;
  margin: auto;

}

.catfoot
{
  background: url('http://img11.hostingpics.net/pics/676508Sanstitre6.png') bottom center no-repeat;
width: 902px;
height: 46px;
  margin: auto;
}

body.chatbox {
  background-color: #6F4209;
background-repeat: no-repeat;
    background-repeat: no-repeat;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
text-shadow: 1px 1px 1px black;
}



/* PAGE ACCUEIL NU */

a, a:hover {
    text-shadow: 1px 1px 1px black;
}

  a.forumlink:link, a.forumlink:visited {
    font-family: lucida calligraphy, Times New Roman, arial; font-weight: bold; font-style: italic; font-size: 21px;
    text-align: left;
    letter-spacing: 0px;
    display: block;
    margin-left: 00px;
  }


  span a.forumlink:hover {
    letter-spacing: 1px;
    display: block;
    text-decoration: none!important;
    font-weight: bold;  text-align: left;
  }

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

  a.mainmenu{
    letter-spacing:0px; color:#FFFFFF;
    text-decoration: none!important;  text-align: center;
    text-shadow:1px 1px 1px #000000;
    font-size: 18px; font-weight: bold;
  }
  a.mainmenu:hover {
    text-decoration: none!important;
    color:#E9A400;
    border:dashed 0px #647D56;
  }

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




/* TITRE CAT INDEX*/
  .secondarytitle, .secondarytitle h2{
    color: #E9A400;
    font-size: 40px; font-variant: small-caps; font-family: lucida calligraphy, Times New Roman, arial; Font-style: italic;
    text-align: center;
    text-shadow:1px 1px 3px #000000;
  }

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

  .introduction {
    letter-spacing:1px; color:#E3AF3D;
    text-align: center; text-decoration:none;
    text-shadow:1px 0px 1px #000000;
    font-size: 20px; font-weight: bold; font-family:  lucida calligraphy, Times New Roman, arial;
  }



  #accueil {
    width: 900px; height: 400px;
    overflow: hidden;
    background: url('http://img11.hostingpics.net/pics/887005Sanstitre11.png') center no-repeat;
    border: 3px solid #000000;
  }

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

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

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

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

  #page5 {
    width: 40px; height: 400px;
    float: left;
    overflow: hidden;
    background-color: #D5C661;
    transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
    transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
  }

  #page5:hover {
    width: 80%; height: 400px;
    overflow: hidden;
    transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
    transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s;
  }

  .contenu_page {
    width: 100%; height: 400px;
  }

  .page_titre {
    display: inline-block;
    height: 40px; width: 400px;
    color: #E9A400; letter-spacing: 0px;
    font-size: 24px; font-family: lucida calligraphy, Times New Roman, arial; font-weight: bold;
    text-decoration:none; text-align: center;
    margin-left: -178px;
    text-shadow: 1px 1px 1px #000000;
    -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
}

  .contenu {
    height: 0px; width: 0px;
    overflow: hidden;
    padding: 6px;
    opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0);
    transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
    transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;
    background: url('http://img11.hostingpics.net/pics/954359Sanstitre12.png') center no-repeat;
  }

  .contenug, .contenui, .contenuf, .contenud, .contenuc, .contenub {
    overflow:auto;
    background-color:#6F4209;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
    color: black; font-size: 16px;
    line-height:34px;
    -webkit-box-shadow: 4px 4px 0 #454545; -moz-box-shadow: 4px 4px 0 #454545; -khtml-box-shadow: 4px 4px 0 #454545;
    margin: 10px; padding: 5px; padding-top: 5px;
  }

  .contenub {
    height: 100px; width: 272px;
  }
  .contenuc {
    height: 200px; width: 272px;
  }
  .contenud {
    height: 350px; width: 210px;
  }
  .contenuf {
    height: 350px; width: 400px;
  }
  .contenug {
    height: 40px; width: 170px;
    text-align: center;
  }
  .contenui {
    height: 250px; width: 400px;
  }

 
  #page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu {
    width: 650px; height: 380px;
    margin-left: -180px;
    background-color: white;
    overflow: none;
    opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);
    transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all;
    transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;
  }

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

          body {
        cursor: url('http://upload.is.free.fr/upload/mey7022y.cur') auto;
          }
          a {
        cursor: url('http://upload.is.free.fr/upload/mey7022y.cur') auto;
          }




      /*-----------------infobulles----------------- */

 
  div.infobulle {
    position: absolute;
    float: left;
    color: black;
  }

  div.infobulle span {
    display: none; /* ceci masque l'infobulle */
  }

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

      /* style de l infobulle */

  div.infobulle:hover span {
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    top: 10px; /* on positionne notre infobulle */
    background-color: #88621F;
    color: black; font-size: 14px;
    padding: 3px;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 20px;
    white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    text-align: center;
  }
 
  /* QEEL NU */

  .boxqeela, .boxqeelb, .boxqeelb2, .boxqeelc, .boxqeeld, .boxqeeld2 {
    overflow:auto;
    background-color:#6F4209;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
    color: black; font-size: 16px;
    line-height:34px;
    -webkit-box-shadow: 4px 4px 0 #454545; -moz-box-shadow: 4px 4px 0 #454545; -khtml-box-shadow: 4px 4px 0 #454545;
    margin: 10px; padding: 5px; padding-top: 5px;
  }

  .boxqeela {
    height: 250px; width: 300px;
  }
  .boxqeelb {
    height: 180px; width: 320px;
  }
  .boxqeelb2 {
    height: 150px; width: 320px;
  }
  .boxqeelc {
    text-align: center;
    height: 300px; width: 300px;
  }
  .boxqeeld {
    height: 150px; width: 320px;
  }
  .boxqeeld2 {
    height: 150px; width: 320px;
  }

 
 
  .groupes {
    font-size: 16px;
    text-shadow: 1px 1px 1px black;
    text-decoration: none !important;
  font-family:  lucida calligraphy, Times New Roman, arial; font-weight: bold;
  }

.groupe1 {
    color:#E5F508;
  }
  .groupe2 {
    color:#99FF00;
  }
  .groupe3 {
    color:#87CBFF;
  }
  .groupe4  {
    color:#000099;
  }
  .groupe5 {
    color:#666666;
  }
  .groupe6 {
    color:#6E2003;
  }
  .groupe7 {
    color:#000000;
  }



#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}
#navigation
{
 
  z-index: 999;
  width: 100%;
  background-color: #612901;
  border-bottom: 2px solid #6F4209;
  margin-top: -10px;
  margin-left: -5px;
  padding: 5px;
}

/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
  width: 900px;
  margin: auto;
}
.profil
{
  width: 100%;
  height: 340px;
  background: #6F4209;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 2px dotted #000000;
  margin-top: 20px;
  background: url('http://img11.hostingpics.net/pics/600198Sanstitre17.png') center no-repeat;
}
.message
{
  width: 100%;
  margin: auto;
  background: #6F4209;
  margin-bottom: 20px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding-top: 2px;
}
.online
{
  display: block;
  clear: both;
  position: absolute;
  margin-top: -30px;
  margin-left: -30px;
}
.avatar_profil
{
  display: block;
  float: right;
  margin-right: 120px;
  margin-top: -20px;
  transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -htm-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
}
.avatar_profil img
{
  position: absolute;
  width: 150px;
  border: 5px solid #D5C661;
  box-shadow: 3px 3px 3px #000000;
  -moz-box-shadow: 3px 3px 3px #000000;
  -htm-box-shadow: 3px 3px 3px #000000;
  -webkit-box-shadow: 3px 3px 3px #000000;
  -o-box-shadow: 3px 3px 3px #000000;
    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;
}
.avatar_profil img:hover
{
  width: 200px;
  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;
}
.bloc_profil
{
  margin-left: 90px;
}
.rang_img
{
  position: relative;
  float: left;
}
.pseudo_membre
{
  display: block;
  width: 80%;
  font-size: 24px;
  letter-spacing: 2px;
  border-bottom: 2px dotted #88621F;
  margin-left: 50px;
}
.rang
{
  display: block;
  margin-left: 100px;
  font-weight: bold;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 4px;
  color: #88621F;
}
.profil_contenu
{
  clear: both;
  width: 70%;
  height: 140px;
  margin-top: 20px;
  overflow: auto;
  background-color: #D5C661;
  border: 1px solid #665f57;
  padding: 4px;
  font-size: 11px;
  text-align: justify;
}
.message_contenu
{
  font-size: 11px;
  text-align: justify;
  padding: 10px;
}
.signature_div
{
  width: 100%;
  height: 233px;
  margin: auto;
  background: url('http://img11.hostingpics.net/pics/588886anneaudragon25b.png') center ;
  background-repeat: no-repeat;

}


/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 98%;
height: 50px;
margin-left: auto;
margin-right : auto;
background-color: #E27E26;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(0deg);
-htm-transform: rotate(0deg);
 
  border-left: 1px dotted #191817;
  border-right: 1px dotted #191817;
  border-bottom: 1px dotted #191817;
  border-top: 5px solid #191817;
}


.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
 
}
.catetitre
{
color: #F7FF00;
font-family: lucida calligraphy, Times New Roman, arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: lucida calligraphy, Times New Roman, arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    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;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    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;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background: url('http://i41.servimg.com/u/f41/11/81/80/36/monfof17.jpg');
  border-left: 1px dotted #191817;
  border-right: 1px dotted #191817;
  border-bottom: 1px dotted #191817;
  border-top: 5px solid #191817;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: jutsify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=100);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background: url('http://i41.servimg.com/u/f41/11/81/80/36/mon_fo14.png');
  border: 1px solid #b5b5b5;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  height: 50px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    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;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}





.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}









.descrip_cat { /*Gère l'apparence du bloc de la description de tes forums*/
  background-color: #D5C661;
  padding: 10px;
  height: 70px;
  overflow: auto;
  font-variant: small-caps;
  color: #040000;
    margin: 5px;
}

.titre_forum { /* Gère l'apparence du titre du forum */
    border-bottom: 2px dotted #E9A400;
}

.descrip_stat { /* Gère l'apparence du bloc de tes stats */
  background-color: #612901;
  padding: 10px;
  color: #040000;
    margin: 5px;
    width: 200px;
height: 70px;
}

.ligne_stat { /* Gère l'apparence de la ligne qui sépare tes stats */
    border-bottom: 1px solid #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}




.widget_flottant
{
width: 34px;
height: 180x;
background-color: #6F4209;

position:fixed;
top: 50px;
right: 0px;
      overflow: hidden;
 
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-ms-transform: all;
-khtml-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}

.widget_flottant:hover
{
width: 186px;height: 312px;
background-color: #000000;
 
position:fixed;
top: 50px;
right: 0px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-ms-transform: all;
-khtml-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}


/* ---APPARENCE DU FORUM ------*/



/*boutons no_new new & lock*/

.image_bouton {
height: 150px;
  width: 126px;
  float: left;
margin-right: 5px;
margin-left: 10px;}


.image_dessus {background-image: url(http://img15.hostingpics.net/pics/793822Sanstitre5b.png);
background-repeat: no-repeat;
width: 902px;
height: 285px;}

/*liens sous fo*/



 a.forumlink:link, a.forumlink:visited {
  border-bottom: 3px dotted #d4b74c;
  font-style: italic;
  display: block;
  color: #ede3be;
  text-align: left;
font-family: lucida calligraphy, Times New Roman, arial;
font-size: 18px;
  margin-bottom: 6px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    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;
}



    a.forumlink:hover, a.forumlink:hover:visited  {
      letter-spacing: 4px;
  color: #ffffff;
    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;}

/*Grand cadre des descriptions*/

.cadreentier {display: inline-block;
height: 150px;
  margin: 10px 5px 0px 10px;
margin-bottom: 5px;}




/*cadre qui entoure image et descri*/

.fonddescription {width: 520px;
  height: 120px;
  float: left;
  margin-right: 10px;
}

/*sous-forum*/

 .fondsousfo { margin-left: 5px;
text-align: center;
  width: 520px;
    background-color: #612901;
height: 2px;
overflow: hidden;
}

 .fondsousfo:hover { margin-left: 5px;
  height: 15px;
text-align: center;
 padding: 5px 0px 5px 0px;
display: block;
transform: all;
-moz-transform: all;
-o-transform: all;
-webkit-transform: all;
-ms-transform: all;
-khtml-transform: all;
  transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-webkit-transition: 3s;
-ms-transition: 3s;
-khtml-transition: 3s;
}
.sforum
{background-color: #612901;
  width: 80px;
  font-size: 11px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  float: right;
  height: 18px;
 margin-right: -5px;
  overflow: hidden;
  text-align: center;
}

/*description*/

.ecriture {height: 70px;
text-align: justify;
  color: #000000;
overflow: auto;
  padding: 10px;
  background-color: #D5C661;
  width: 500px;
margin-left: 5px;
margin-bottom: 0;}



/*-------LISTE DES SUJETS--------------*/

.liste_topic {width: 390px;
  height: 120px;
  float: left;
  margin-right: 10px;
}

.topic {height: 70px;
text-align: justify;
  color: #000000;
overflow: auto;
  padding: 10px;
  background-color: #D5C661;
  width: 370px;
margin-left: 5px;
margin-bottom: 0;}


.cadreinterieur {padding: 10px;
  padding-top: 10px;
  display: inline-block;
  background-color: #612901;
 font-size: 13px;
  float: left;
  margin-top: 20px;
  width: 140px;
  height: 82px;
  margin-left: 5px;
  text-align: center;}

.ligne {
  text-align: center;
  border-bottom: 1px solid #000000;
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-weight: normal;
  font-size: 11px;
  color: #ffffff;
  display: block;
}
.ligne1 {
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  color: #ffffff;
  display: block;

}


Cela vient de moi.

J'ai oublié de te donner ceci ; )

Je ne l'avais pas bien rangé ^^

on ma fait remarquer deux autre défaut



la zone qui réagi a la souri et trop petite et le cadre du forum dépasse un peux.

Je ne sais pas mieux faire pour la zone sous-forum.

C'est la première fois que je le fais.

Je suis codeuse mais je n'ai pas la science infuse ; )

Ensuite, le second défaut, ça ne vient pas de mon codage XD

Quand je regarde ta page d'accueil, je constate qu'elle a la même taille que le cadre du forum qui dépasse ^o^

Angelusia a écrit:

Quand je regarde ta page d'accueil, je constate qu'elle a la même taille que le cadre du forum qui dépasse ^o^

ok, bien vue.
je corrigerais sa plu-tard


... je doit tester un tuto...
mais normalement, si je me fie a ma mémoire, ce tuto devais nous aider a faire mieux pour les sous forum

Pas de souci ; )

Courage à toi ; )

On peut voir ta commande comme finie ? ^^

j'ai trouver le forum

le teste => http://herschel.forums-actifs.net/

forum=>https://www.never-utopia.com/t37077-les-forum-sur-deux-colonnes-html-css

a par ça, oui, c'est fini.