Apparence de mes categories.

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

Résolu Apparence de mes categories.

Message par Jiben le Mar 18 Jan 2011 - 16:58

Bonjour a vous tous,


je viens ici car je rencontre un probléme avec mon code de mes catégories =/

Mon forum : http://lesmagesnoirs.forum2ouf.com/

Capture d'écran :

Comme vous le voyez, je voudrais que le nombre de message soit a droite et non a gauche.

Ensuite, on a un gros cadre gris qui empêche la description du forum, les images pour voir s'il a un nouveau message, en principe ceci prend tout la largeur.

Ensuite la part ou il y a sous forum devrait aussi prendre toute la larguer.

Enfin, mes onglets ne fonctionne plus depuis que j'ai combiner ces codes :s

Merci d 'avance pour votre aide précieuse.

Mon Templates index_box :
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}

        {CURRENT_TIME}

        </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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<br/><div class="my_cat"><ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>

  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
<div class="forum-stats"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div>

<table class="forum-description">
<td>{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</td>
      <tr>
<th colspan="3">
        <td class="my_img" valign="top"width="15%"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>

        <td class="my_disc" width="60%" valign="top" > <span class="genmed">
{catrow.forumrow.FORUM_DESC}
</span></td>

        <td width="25%" valign="middle" align="center" >
          <fieldset class="derniers_sujets" ><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>
           
        </td>
      </tr></th>

<td class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td>
</table>




  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>


Mon CSS :
Code:
/*----------------------------------
Ma Barre de Navigation
----------------------------------*/

/* Forme de la Barre entière */
.barrenavi{width: 800px;
padding-right: 5px;
padding-left: 5px;
border-bottom: 4px double white;
border-left: 8px double white;
border-right: 8px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
-moz-box-shadow: 4px 4px 15px black;
-webkit-box-shadow: 4px 4px 15px black;
box-shadow: 4px 4px 15px black;
}

/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}

/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}






/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}








.qeel td.row1
{background: none;}




.post
{ -border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar em {
display:none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 8px; /* bord arrondis*/
-webkit-border-radius:8px; /* bord arrondis*/
border-radius: 8px ; /* bord arrondis*/
background-color: #828282; /*couleur de fond de l'infobulle*/
border: 1px solid #525052; /*taille et couleur de la bordure de l'infobulle*/
width:250px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 8px; /*infobulle à 100px de la gauche*/
}



.my_img img{
  margin-top: 25px;
  margin-left: 20px;
}


.my_modified_table{
 width: 100%;
  margin: 0;
  padding: 0;
font-family: Verdana;
    background-image: url('http://blog.e-univers.org/wp-content/themes/mushblue-10/images/background.png');
    background-repeat: no-repeat;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}




/* contour des tous mes catégories  */
.my_cat_body{
border: 1px solid white;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}


/* design de mes onglets de mes catégories  */
.my_cat_style{
margin-left: 8px !important;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
width: 200px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;}


/* design de mes onglets de mes catégories lors du survol  */
.my_cat_style:hover{-moz-box-shadow: 0px 0px 20px black;
-webkit-box-shadow: 0px 0px 20px black;
box-shadow: 0px 0px 20px black;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;}


/* texte de mes onglets de mes catégories  */
.my_cat a{
text-decoration: none !important;
color: white;
}


/* cadre des dernier message  */
.derniers_sujets
{    background-color : #828282; 
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
    color : white;
}


/* transparence cadre de mes derniers sujets */
.derniers_sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre des dernier message  lors du survol*/
.derniers_sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre de mes sujets */
.sujets
{background-color: #828282;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}


/* transparence cadre de mes sujets */
.sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre de mes sujets lors du survol */
.sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}


/* cadre du nom mes catégorie*/
.nom
{border: 2px solid white;
background-color: #828282;
margin-left: 7%;
border-bottom: 0px;
-border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 1%
}


/* transparence cadre du mes catégories */
.nom
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre du nom mes catégorie lors du survol*/
.nom:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre ds message,  pseudo*/
.pseudo{
text-align: center;
border: 2px solid #000000;
background-color:  #919F84;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* quand on survol un pseudo dans les messages */
.pseudo:hover{
    text-transform: uppercase;
    font-style:italic;}


/* les cadres pour sauter ver .., bouton aller, ..  */
input,textarea, select {
 border: 1px solid #525052;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}



/* cadre du forum  */
.bodyline {-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
-moz-border-radius:20px;
-border-radius: 20px;
-webkit-border-radius: 20px;
border:1px solid white;}


/* barre de navigation */
.mainmenu{
height: 35px;
    font-size : 11px;
    color : white;
        }


/* décoration de la barre de navigation */
a.mainmenu{
    text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}


/* barre de navigation lors du survol */
a.mainmenu:hover{
    text-decoration:none; color : white;
    background-color : #66705D;       
 border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}


/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}


/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
 -moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;
}


/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
 -moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;
}


/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure  */
 -moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
}


/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
 -moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;
}

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Mer 19 Jan 2011 - 17:00

Up si vous plaît Rolling Eyes

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Censure le Jeu 20 Jan 2011 - 12:43

Bonjour,
Cherche
Code:

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
      left: 280px;
     
Il faut que tu change left:280px par une valeur plus grande, C'est a toi de voir et de le régler Smile

Exemple
Code:
left:580px;

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Jeu 20 Jan 2011 - 18:41

Ok merci Smile

Par contre personne pour règles l'autre probléme avec moi ?

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Jeu 20 Jan 2011 - 20:39

Bonjour a vous Smile

J'ai travailler sur le code.
Bon censure avec votre code j'ai un peu de mal pour le mettre a droite =/

Par contre, je n'est pas su redimensionner mes cadres =/



Dans la Capture, j'ai mis où je voulais mettre la phares " Message : X | Sujet : "
Ensuite, les pourcentage que je voulais que telle casses fassent en pourcentage en tout sur 100%.

j'éspere être un plus précis entre ce nouveau message.

Mon CSS :
Code:
/*----------------------------------
Ma Barre de Navigation
----------------------------------*/

/* Forme de la Barre entière */
.barrenavi{width: 800px;
padding-right: 5px;
padding-left: 5px;
border-bottom: 4px double white;
border-left: 8px double white;
border-right: 8px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
-moz-box-shadow: 4px 4px 15px black;
-webkit-box-shadow: 4px 4px 15px black;
box-shadow: 4px 4px 15px black;
}

/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}

/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}


.stats{ font-size: 11px;
      font-style: italic;
      height: 14px;
      left:  75%;
      position: relative;
      text-align: center;}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 100%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}








.qeel td.row1
{background: none;}




.post
{ -border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar em {
display:none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 8px; /* bord arrondis*/
-webkit-border-radius:8px; /* bord arrondis*/
border-radius: 8px ; /* bord arrondis*/
background-color: #828282; /*couleur de fond de l'infobulle*/
border: 1px solid #525052; /*taille et couleur de la bordure de l'infobulle*/
width:250px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 8px; /*infobulle à 100px de la gauche*/
}



.my_img img{
  margin-top: 25px;
  margin-left: 20px;
}


.my_modified_table{
 width: 100%;
  margin: 0;
  padding: 0;
font-family: Verdana;
    background-image: url('http://blog.e-univers.org/wp-content/themes/mushblue-10/images/background.png');
    background-repeat: no-repeat;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}




/* contour des tous mes catégories  */
.my_cat_body{
border: 1px solid white;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}


/* design de mes onglets de mes catégories  */
.my_cat_style{
margin-left: 8px !important;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
width: 200px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;}


/* design de mes onglets de mes catégories lors du survol  */
.my_cat_style:hover{-moz-box-shadow: 0px 0px 20px black;
-webkit-box-shadow: 0px 0px 20px black;
box-shadow: 0px 0px 20px black;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;}


/* texte de mes onglets de mes catégories  */
.my_cat a{
text-decoration: none !important;
color: white;
}


/* cadre des dernier message  */
.derniers_sujets
{    background-color : #828282; 
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
    color : white;
}


/* transparence cadre de mes derniers sujets */
.derniers_sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre des dernier message  lors du survol*/
.derniers_sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre de mes sujets */
.sujets
{background-color: #828282;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}


/* transparence cadre de mes sujets */
.sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre de mes sujets lors du survol */
.sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}


/* cadre du nom mes catégorie*/
.nom
{border: 2px solid white;
background-color: #828282;
margin-left: 7%;
border-bottom: 0px;
-border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 1%
}


/* transparence cadre du mes catégories */
.nom
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre du nom mes catégorie lors du survol*/
.nom:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre ds message,  pseudo*/
.pseudo{
text-align: center;
border: 2px solid #000000;
background-color:  #919F84;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* quand on survol un pseudo dans les messages */
.pseudo:hover{
    text-transform: uppercase;
    font-style:italic;}


/* les cadres pour sauter ver .., bouton aller, ..  */
input,textarea, select {
 border: 1px solid #525052;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}



/* cadre du forum  */
.bodyline {-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
-moz-border-radius:20px;
-border-radius: 20px;
-webkit-border-radius: 20px;
border:1px solid white;}


/* barre de navigation */
.mainmenu{
height: 35px;
    font-size : 11px;
    color : white;
        }


/* décoration de la barre de navigation */
a.mainmenu{
    text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}


/* barre de navigation lors du survol */
a.mainmenu:hover{
    text-decoration:none; color : white;
    background-color : #66705D;       
 border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}


/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}


/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
 -moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;
}


/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
 -moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;
}


/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure  */
 -moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
}


/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
 -moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;
}


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>
<br/><div class="my_cat"><ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>

  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
<div class="forum-stats"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div>

<table class="forum-description" >
<td class="stats">Sujets : {catrow.forumrow.POSTS} | Messages : {catrow.forumrow.TOPICS}</td>
      <tr>

        <th class="my_img" valign="top"width="15%"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></th>

        <th class="my_disc" width="60%" valign="top" > <span class="genmed">
{catrow.forumrow.FORUM_DESC}
</span></th>

        <th width="25%" valign="middle" align="center" >
          <fieldset class="derniers_sujets" ><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>
           
        </th>
      </tr></td>

<td class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td>
</table>




  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Vous pouvez allez voir de plus prés le probléme sur mon forum.
Merci d'avance.

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Dim 23 Jan 2011 - 19:24

up svp

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Lun 24 Jan 2011 - 19:27

up

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence de mes categories.

Message par Jiben le Mar 25 Jan 2011 - 12:52

Bonjour,

Pour l'instant mon probléme est résolu donc merci de le locker.

Encore merci de votre Smile

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

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


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