Problème catégories

[mama3802]

Bonjour,

J'ai un souci avec mes catégories. Je suis entrain d'installer le design de mon forum de test sur mon vrai forum et j'ai tout fait comme sur mon forum de test. Cependant sur mon vrai forum, ça m'affiche un cadre violet autour des liens des sous forums, alors que sur mon forum de test non =/

Voici mon vrai forum: http://perfectmatch.max2forum.com
Et mon forum de test: http://forumdetest.creerforums.net

Merci de votre aide d'avance =)

[Lixyr]

Sur le forum :

J'effectue actuellement une maintenance. Vous ne pouvez pas accéder au forum pour le moment.

Bien à vous, Marine =)

Vous pouvez l'enlever ?

[mama3802]

ah oui mince, désolé.

[Lixyr]

Moi je ne vois pas de cadre violet, cependant je vois que le cadre blanc n'y est pas et que les sous-forums sont compressés (sur le vrai forum)

[mama3802]

Oula c'est trop bizard, on voit pas la même chose. Moi j'ai ça:

http://img50.xooimage.com/files/a/5/3/cadre-2273b88.jpg

[Lixyr]

C'est l'ancien design que vous aviez, ça. Je me rappelle avoir donné le code.

Dans votre vrai forum, vous avez quoi comme CSS ?
Vous avez supprimé les anciennes modifications avant d'importer les nouvelles ?

[mama3802]

Oui je sais, mais j'ai tout mis comme sur mon forum de test mais ça me remet le cadre violet.

J'ai ça dans mon css:

Code:

a
{
text-decoration: none;
}

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

.pointille{
border-bottom: 3px dotted #ff0000;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}




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




/*ombre portée sur les liens*/
a.forumlink {
text-shadow: #222222 1px 0px 1px;
    }
a:hover {
text-shadow: #222222 1px 0px 1px;
    }
body {
text-shadow: #483728 1px 0px 1px;
}




.bodyline {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}
    .forumline{-moz-border-radius:6px;}



body {background-repeat: no-repeat;}

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



a.forumlink{
border-bottom: 3px double #2c191a;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}
a.forumlink:hover{
border-bottom: 3px double #2c191a;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;
}


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

a.forumlink {
 text-transform: uppercase;
 font-size: 12px;
 color: ;
 font-family: 'verdana';
 }



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #333;
  background: #5C4732;
  border: 1px solid #C2A66C;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #785C41;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #333;
  background: #5C4732;
  border-top: 3px dotted #C2A66C;
  border-right: 2px solid #C2A66C;
  border-left: 2px solid #C2A66C; 
  border-bottom: 2px dotted #C2A66C; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
color: #FFFFFF;
background-image: url("http://img54.xooimage.com/files/2/3/6/papillon-224b139.jpg");
border: 3px solid #423224;
padding: 10px;
margin-left: -42px;
}
#mes_contenus, #mes_onglets{
width: 100%;

}

div.infobulle {
  position: relative;
  float: middle;}

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

div.infobulle:hover span {
display: inline;
position: absolute;
top: 25px;
left: -60px;
border: 3px solid #2C413E;
background-color: #F8F0C8 }

div.infobulle img {
filter:alpha(opacity=70);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle span img{
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle span img:hover{
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

#i_logo{
margin-bottom: 120px;
}

.contour {
-moz-border-radius: 0px;
background-color: #E8E9E9;
border-right : 10px solid #560071;
border-top: 1px solid #560071;
border-left: 10px solid #560071;
border-bottom: 1px solid #560071;
padding-left: 7px;
padding-right: 7px;
padding-top: 1px;
padding-bottom: 1px;
}

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

[Lixyr]

C'est ce code là, le cadre violet :

Code:


.contour {
-moz-border-radius: 0px;
background-color: #E8E9E9;
border-right : 10px solid #560071;
border-top: 1px solid #560071;
border-left: 10px solid #560071;
border-bottom: 1px solid #560071;
padding-left: 7px;
padding-right: 7px;
padding-top: 1px;
padding-bottom: 1px;
}

Enlevez-le déjà si vous n'en voulez pas.

[mama3802]

ah oui ba ça marche. Bref, tout à l'heure, ça marchait. Défois je comprend pas tout -_-
J'ai une autre question si ça vous gène pas =/ Est ce que l'on peux changer les couleurs du fond là ou l'ou poste, sans changer les couleurs de fond sur la page principal?

[Lixyr]

Là où l'on poste ? Vous parlez du fond des messages une fois postés ou du fond des messages quand vous postez, donc dans le champ texte où vous écrivez ?

[mama3802]

Je parle des messages une fois postés.

[Lixyr]

Comme ceci ? (dans le css)

Code:

.postbody
{background-color: white;}

Vous changez la valeur de la couleur de fond.

[mama3802]

Enfaite je voudrais vraiment que ça prenne tous le fond et pas juste ce que l'on écrit, parce que la ça me done ça:

https://i.servimg.com/u/f65/15/15/84/77/forum_14.jpg

[Lixyr]

Alors il y a plusieurs possibilités :

1) Soit le fond prend tout le contenu, mais également sous l'avatar et les stat en haut :

Code:

.post {background-color: white;}

2) Pour rajouter le fond sur les stat au dessus :

Code:

.postdetails {background-color: white;}
.post-options {background-color: white;}

3) Si ça ne va pas, je vais voir si on peut modifier ça via le template.

[mama3802]

Ca me change pas grand chose. Ca me surligne les stats, et puis ça met un autre fond dans la cellule ou l'on écrit. Mais la ou il y a les posts, ça change rien.

[Lixyr]

Par template c'est possible.

Dans le template viewtopic_body

vous cherchez ceci :

Code:


<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" >
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"style="background-color:white;">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">

Ce qui nous intéresse c'est ce passage :

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2" style="background-color:white;">

J'ai rajouté le code :

Code:

 style="background-color:white;"

à la cellule pour avoir un fond blanc, et voici ce que ça donne : forum test

Si vous voulez un fond ailleurs, j'ai donné une couleur au cadre des cellules pour que vous puissiez voir Où on peut mettre les couleurs de fond.

[mama3802]

Heu j'ai un problème =/ J'ai même pas fait la manip et je ne vois plus mon message d'accueil, ni toute le cadre qui est en ligne.

[Lixyr]

Vous avez touché à rien ? oO
Actualisez la page pour voir ...

[mama3802]

Ba c'est bon c'est revenu -_- ça devait être un beug.

[mama3802]

Je voulais vous demander autre chose. Mon texte dans les cadres des catégories, n'est pas collé à gauche, vers l'image. Comment je pourais faire pour remédier à ça?

[Lixyr]

Il doit être en

Code:

"text-align: center;"

Regardez dans les descriptions des catégories/forums ou dans le css, dans la classe qui correspond à celle du cadre, si c'est le cas, mais ça doit être dans la description des forums.

Et mettez

Code:

left

à la place de

center

[mama3802]

Ah oui c'est bon, merci =)

[mama3802]

Je suis pénible mais j'ai un autre truc à vous demander ^^
J'ai essayer de mettre un cadre autour des infos "X messages dans X sujets" comme vous m'aviez expliquer mais comme j'avais changer le template "index_box"et ba je ne retrouve plus ce qu'il faut changer dedans.

Voila mon template:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
            <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>

         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
            <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span><br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[Lixyr]

C'est dans cette partie :

Code:


<td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span><br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

Il faut entourer

<span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span>

de la <div> correspondant au cadre que vous avez choisi.

Code:

<div style="xxxxx"> blablabla </div>

le nom de la div c'est dans le css, vous avez ceci (par exemple) :

.cadre {contenu contenu contenu}

le nom de la div c'est cadre, disons, mais dans votre css c'est peut-être autre chose, alors vous faites comme ceci :

<div class="cadre"> <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span> </div>

[mama3802]

Ba dans mon CSS j'ai rien qui correspond à ce code. Donc je met quoi? ^^
Voici mon CSS au cas ou:

Code:

a
{
text-decoration: none;
}

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

.pointille{
border-bottom: 3px dotted #ff0000;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}




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




/*ombre portée sur les liens*/
a.forumlink {
text-shadow: #222222 1px 0px 1px;
    }
a:hover {
text-shadow: #222222 1px 0px 1px;
    }
body {
text-shadow: #483728 1px 0px 1px;
}




.bodyline {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}
    .forumline{-moz-border-radius:6px;}



body {background-repeat: no-repeat;}

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



a.forumlink{
border-bottom: 3px double #2c191a;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}
a.forumlink:hover{
border-bottom: 3px double #2c191a;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;
}


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

a.forumlink {
 text-transform: uppercase;
 font-size: 12px;
 color: ;
 font-family: 'verdana';
 }



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #333;
  background: #5C4732;
  border: 1px solid #C2A66C;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #785C41;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #333;
  background: #5C4732;
  border-top: 3px dotted #C2A66C;
  border-right: 2px solid #C2A66C;
  border-left: 2px solid #C2A66C; 
  border-bottom: 2px dotted #C2A66C; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
color: #FFFFFF;
background-image: url("http://img54.xooimage.com/files/2/3/6/papillon-224b139.jpg");
border: 3px solid #423224;
padding: 10px;
margin-left: -42px;
}
#mes_contenus, #mes_onglets{
width: 100%;

}

div.infobulle {
  position: relative;
  float: middle;}

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

div.infobulle:hover span {
display: inline;
position: absolute;
top: 25px;
left: -60px;
border: 3px solid #2C413E;
background-color: #F8F0C8 }

div.infobulle img {
filter:alpha(opacity=70);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle span img{
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

div.infobulle span img:hover{
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1,00;}

#i_logo{
margin-bottom: 120px;
}


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

.contour {
-moz-border-radius: 0px;
background-color: #5C4733;
border-right : 4px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-left: 4px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
}

.texte {
 height: 70px;
 border: 1px solid rgb(8, 7, 7);
 background-color: Marron;
 text-align: center;
 font-size: 35pt;
 font-family: georgia;
 text-shadow: rgb(0, 0, 0) 1px 1px 1px;
 letter-spacing: 2px;
 color: pink;
}

.texte:hover {
 color: Pink;
 background-color: Black;
}

.post {background-color: #A39280;}

[Lixyr]

Vous aviez quoi sur votre forum de test ? (envoyez le pour voir à quoi ressemble le contour)
C'est le css qui vient du forum de test ?

[mama3802]

Non c'est le CSS et le template de mon vrai forum. Et j'ai rien sur mon forum de test, j'ai mis le même CSS que sur mon vrai forum.

[Lixyr]

Ben au pire on recréer une classe pour le cadre, qui correspond au cadre que vous avez sur le forum de test. Mais techniquement si on regarde dans le template du forum de test (si le cadre y est encore) ça se retrouve.

[mama3802]

Non le cadre n'y est plus.

[Lixyr]

Alors refaisons un cadre. Dites-moi comment vous voulez votre cadre avec précision :

- couleur du cadre
- arrondis
- aspect (rectangle, pointillet etc)
- couleur de fond
etc.