Personaliser les catégories

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

Résolu Personaliser les catégories

Message par Pénélope Ranger Lun 20 Sep 2010 - 17:23

Bonjour,

Je souhaiterait faire des catégories personnalisées comme ici par exemple :

http://theisland.forumakers.com/ ou comme
http://02141-cambridge.keuf.net/index.htm (les noms des catégories en ovale)

mon forum :

http://miami-university.forumactif.org/
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Invité Lun 20 Sep 2010 - 17:38

Bonjour,

Pour faire un pas en direction de ce genre de personnalisation, consultez ce tuto: https://forum.forumactif.com/questions-reponses-frequentes-f14/affichage-des-forums-avec-onglets-t269891.htm
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Pénélope Ranger Lun 20 Sep 2010 - 17:48

merci mais on peut pas changer les couleurs et rétrécir la bulle ??? MON CODE CSS ne fonctionne pas apparemment il y à } en trop =/
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Invité Lun 20 Sep 2010 - 22:58

Bonsoir,

Au temps pour moi, j'ai lu trop vite. J'ai essayé de bricoler les templates et le CSS de manière à obtenir quelque chose d'approchant. Bien sûr, il faut personnaliser un peu tout ça, mais je vous donne les modifications, pour vous donner un axe de recherche
La feuille CSS:
Code:
.titresfora{-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: 1px solid #000000;
      border-right: 1px solid #000000;
      border-top: 1px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #ffffff;
      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;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      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: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- 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;
}

La template 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}<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"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </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>
       
    </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">
                <span class="forumlink"><div class="titresfora">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span><br /><br />
      </td>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- 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 -->
Le résultat:

Cordialement
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Pénélope Ranger Mar 21 Sep 2010 - 18:42

Merci mais sa ne marche pas pour le CSS sa me fait sa :

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.

=/
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Invité Mar 21 Sep 2010 - 18:58

Bonjour,

C'est étrange, pouvez-vous nous mettre votre CSS en entier? Il y a forcement un truc qui va pas il faut trouver où .

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Pénélope Ranger Mar 21 Sep 2010 - 19:03

Code:
body {
  background-color: #43323E;
  background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
  background-repeat:no-repeat
}

a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

.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: 10px solid #33262f;
}

a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}

.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}

.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}

#colour2 {
  text-align: center;
}

#colour2 a {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

#colour2 a:hover {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}

input,textarea, select {font: normal 12px Arial;
    background-color: #33262F;
    border: 2px solid #503c4a;
    border-style: 2px solid;
    border-radius: 7px 7px;
    -moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

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

Voilà
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Invité Mar 21 Sep 2010 - 19:13

Re,

J'ai cumulé votre CSS + celui que je vous ai proposé, ajouté un ";" après le no-repeat, et tout fonctionne bien sur mon forum test ...
Code:
body {
  background-color: #43323E;
  background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
  background-repeat:no-repeat;
}

a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

.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: 10px solid #33262f;
}

a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}

.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}

.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}

#colour2 {
  text-align: center;
}

#colour2 a {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

#colour2 a:hover {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}

input,textarea, select {font: normal 12px Arial;
    background-color: #33262F;
    border: 2px solid #503c4a;
    border-style: 2px solid;
    border-radius: 7px 7px;
    -moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

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

.titresfora{-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: 1px solid #000000;
      border-right: 1px solid #000000;
      border-top: 1px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #ffffff;
      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;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      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: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- 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;
}
scratch
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Pénélope Ranger Mar 21 Sep 2010 - 19:39

merci c'est bon le CSS à bien été modifier mais le template ne doit pas marcher car quand je publie il ne met rien de nouveau =/

Edit ; si je l'ai mais en deux fois regarder :

http://miami-university.forumactif.org/index.htm
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Invité Mar 21 Sep 2010 - 21:38

C'est vraiment étange ...
En utilisant cette modification de template 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}<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"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </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>
       
    </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">
                <span class="forumlink"><div class="titresfora">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span><br /><br />
      </td>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- 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 -->
et cette feuille CSS:

Code:
body {
  background-color: #43323E;
  background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
  background-repeat:no-repeat;
}

a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}

.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: 10px solid #33262f;
}

a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}

.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}

.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}

#colour2 {
  text-align: center;
}

#colour2 a {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

#colour2 a:hover {
  background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a  1px solid;
border-right: #503c4a 1px solid;
}

.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}

input,textarea, select {font: normal 12px Arial;
    background-color: #33262F;
    border: 2px solid #503c4a;
    border-style: 2px solid;
    border-radius: 7px 7px;
    -moz-border-radius: 7px;}

a:link,a:active,a:visited {
text-decoration: none;
}

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

.titresfora{-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: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      border-top: 1px solid #d3d3d3;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}

.categories{
      background-color: #000000;
      border: 3px solid #ffffff;
      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;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      border: 3px solid #ffffff;
      -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: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 3px solid #ffffff;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      padding: 3px;
      text-align: center;
      }

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #ffffff;
      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;
}
J'obtiens ceci :
Spoiler:
En modifiant les couleurs dans le panneau d'administration, ill doit etre possible de s'approcher encore plus du résultat souhaité.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les catégories

Message par Pénélope Ranger Jeu 23 Sep 2010 - 17:03

Voilà génial, j'ai trouver mon problème je mettais le code dans index_body !!!!!!
Pénélope Ranger

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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