Catégories personnalisées

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

Résolu Catégories personnalisées

Message par Mamamoùn le Dim 17 Juil 2011 - 18:26

Bonsoir tout le monde,

Je me permets de poster afin d'avoir de l'aide pour personnaliser mes catégories sous la forme souhaitée.
Actuellement, elles ont cette apparence :

Spoiler:



Je souhaiterai :
- effacer la séparation verticale blanche entre les icônes des messages, la description des catégories et la colonne "derniers messages".
- supprimer l'intitulé "derniers messages" et ne laisser que le titre du forum (ici, "préambule")
- supprimer la séparation horizontale blanche entre le titre du forum et la catégorie
- mettre en forme le titre du forum (ici, "préambule") = centrer, en majuscules et de couleur.
- mettre en forme le titre de la catégorie (ici, "espace des administrateurs") avec une ligne de couleur sur laquelle est superposé le texte, tout ceci non centré mais légèrement aligné à gauche (au-dessus des icônes des messages)

En clair, j'aimerais si possible que cela ressemble à ceci :

Spoiler:



Mon css et mes templates ont été modifiés, si quelqu'un de généreux se dévoue, il peut me demander de les lui fournir (merci de m'indiquer le nom du template).

En espérant que vous puissiez m'aider.
Merci d'avance & très bonne soirée. Very Happy


Mamamoùn
**

Féminin
Messages : 86
Inscrit(e) le : 20/05/2009

http://mustes-lotos.actifforum.com/
Mamamoùn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par SoraNoHime le Dim 17 Juil 2011 - 18:27

Bonsoir,

pouvez vous me fournir ces points-ci : votre css, votre template index_box.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par Mamamoùn le Dim 17 Juil 2011 - 18:34

Bonsoir Macema,

Tout d'abord merci de me répondre aussi rapidement. Smile

Voici mon css :
Spoiler:

Code:

a { text-decoration: none; }
span.forumlink {
text-align: left;
display: block;
width: 100%;
margin: auto;
}

#description
{
color: #143E44;
font-size: 34px;
font-family: "Time New Roman", serif;
}

.descat {
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
max-width: 450px;
text-align: justify;
}


/***CATEGORIES EN ONGLETS***/

#conteneur_onglets
{  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-family: GEORGIA;
  color: #60A299;
}


.actif
{ text-transform: uppercase; }
 
 

/*** LIENS ***/

a:link,a:active,a:visited {
    font-size: 11px;
    text-decoration: none;
    }

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

a.mainmenu
{
font-size: 14px;
text-align : center ;
color: #000000;
font-family: GEORGIA;
}


/***APPARENCE CAT-FO***/

.postbody { text-align:justify; padding:10px;}

.forumline .row1 {
padding:10px;
}

.forumline .row2, .forumline .row3, .forumline .row3Right {
padding:10px;
}



/*Body_Fix-------------------------------------------------*/
body, #bodybottom { padding: 0px; margin: 0px; }
/*Double_Fond-------------------------------------------------*/
#bodybottom {
background-attachment: scroll;
background-image: url("http://nsa27.casimages.com/img/2011/07/04/110704064116863063.png");
background-repeat: repeat-y;
background-position: top center;
}

.separe
{border : 2px solid #000000;}

.patitre
{position : relative;
top : 13px;}

.titre{
text-align: center;
font-family: Time New Roman;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px double cadetblue;}


 /* CONTOUR AVATAR */

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #FFFFFF;
-moz-border-shadow: #000 0px 0px 0px;
-webkit-border-shadow: #000 0px 0px 0px;
-border-shadow: #000 0px 0px 0px;
}


.police{
font-family: "Gill sans ultra bold";
font-size: 18px;
font-weight: bold;
text-shadow: 1px 1px 0px #000000;
}

/* arrondi autour dernier sujet */
.arrondi {
border: 2px solid #648488;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-radius: 6px;
margin-left:2px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
padding:2px;
background-image: url(http://nsa28.casimages.com/img/2011/07/17/110717045445485325.png);}

Et ci-dessous mon template index_box :
Spoiler:

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 --><img src="http://nsa28.casimages.com/img/2011/07/17/110717041008811584.png" height="100" width="728" /><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">
            <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}>
            <div class="descat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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 -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
<div style="width:100px;"></div>
        <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span><br/>
<br/>
<span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
      </td>
    </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 -->

Bien à vous.

Mamamoùn
**

Féminin
Messages : 86
Inscrit(e) le : 20/05/2009

http://mustes-lotos.actifforum.com/
Mamamoùn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par SoraNoHime le Dim 17 Juil 2011 - 18:40

Cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (une fois toutes les 24h) si besoin.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par Mamamoùn le Dim 17 Juil 2011 - 18:42

Pas de problème, je comprends.
Merci encore d'y consacrer du temps.
Si besoin, mon profil a toutes les infos essentielles.

Bien à vous. Smile

Mamamoùn
**

Féminin
Messages : 86
Inscrit(e) le : 20/05/2009

http://mustes-lotos.actifforum.com/
Mamamoùn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par Mamamoùn le Lun 18 Juil 2011 - 17:48

Bonjour,

Petit up' du jour. Wink

Bonne soirée.

Mamamoùn
**

Féminin
Messages : 86
Inscrit(e) le : 20/05/2009

http://mustes-lotos.actifforum.com/
Mamamoùn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par SoraNoHime le Lun 18 Juil 2011 - 18:33

Bonjour,

voici votre 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 --><img src="http://nsa28.casimages.com/img/2011/07/17/110717041008811584.png" height="100" width="728" /><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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><td class="fondtitle" colspan="3" valign="top" width="100%" height="15"> <h{catrow.forumrow.LEVEL} class="hierarchy"><div class="position">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span></div>
            </h{catrow.forumrow.LEVEL}>
        </td>
        </tr><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">
             
                <div class="descat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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 -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
            </td>
            <td class="row3 over" align="center" valign="middle" height="50">
    <div style="width:100px;"></div>
            <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span><br/>
    <br/>
    <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
          </td>
        </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 rajoutez ceci dans votre css :

/* fond titre forum */
.fondtitle {
background-color : #648488;
}

/*titre des forums*/
a.forumlink {
font-size : 25px;
color : #000000!important;
font-family : Impact;
}
.position {
position : relative;
left : 25px;
top : 10px;
}

changez les parties en rouge pour personnaliser.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories personnalisées

Message par Mamamoùn le Lun 18 Juil 2011 - 19:29

Bonsoir,

C'est PARFAIT, merci beaucoup Macena.

Très bonne soirée à vous. Smile

Mamamoùn
**

Féminin
Messages : 86
Inscrit(e) le : 20/05/2009

http://mustes-lotos.actifforum.com/
Mamamoùn 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