Catégories personnalisées
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Catégories personnalisées
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 :
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 :
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.
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.
Re: Catégories personnalisées
Bonsoir,
pouvez vous me fournir ces points-ci : votre css, votre template index_box.
Cordialement.
pouvez vous me fournir ces points-ci : votre css, votre template index_box.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Catégories personnalisées
Bonsoir Macema,
Tout d'abord merci de me répondre aussi rapidement.
Voici mon css :
Et ci-dessous mon template index_box :
Bien à vous.
Tout d'abord merci de me répondre aussi rapidement.
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.
Re: Catégories personnalisées
Cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (une fois toutes les 24h) si besoin.
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Catégories personnalisées
Pas de problème, je comprends.
Merci encore d'y consacrer du temps.
Si besoin, mon profil a toutes les infos essentielles.
Bien à vous.
Merci encore d'y consacrer du temps.
Si besoin, mon profil a toutes les infos essentielles.
Bien à vous.
Re: Catégories personnalisées
Bonjour,
Petit up' du jour.
Bonne soirée.
Petit up' du jour.
Bonne soirée.
Re: Catégories personnalisées
Bonjour,
voici votre index_box ^^ :
et rajoutez ceci dans votre css :
changez les parties en rouge pour personnaliser.
Cordialement.
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Catégories personnalisées
Bonsoir,
C'est PARFAIT, merci beaucoup Macena.
Très bonne soirée à vous.
C'est PARFAIT, merci beaucoup Macena.
Très bonne soirée à vous.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum