Catégorie ...
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Catégorie ...
Bonjour, voila, en faite j'aurais juste voulu modifier jute quelue petit chose dans mon template mais seule, je ne suis pas sure d'y arriver...
Le template est déjà à moitié fait .
Voila l'état actuel de mon forum
Et j'aurais voulu quelque chose comme ça en faite pour on nouveaux design :
donc : plus le nom des colonne, avoir le CCS , et je voudrait aussi que la bannière et les catégorie de mon forum soit directement sur le fond donc 'flotte' dans le vide'
donc voila mon template :
Je n'ai pas encore de CCS ._.
Le template est déjà à moitié fait .
Voila l'état actuel de mon forum
Et j'aurais voulu quelque chose comme ça en faite pour on nouveaux design :
donc : plus le nom des colonne, avoir le CCS , et je voudrait aussi que la bannière et les catégorie de mon forum soit directement sur le fond donc 'flotte' dans le vide'
donc 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}
{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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th 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>
<td width="100%" class="row1"><table width="100%" cellspacing="0" cellpadding="0"><tr><td class="row1 over" colspan="2" valign="top" width="100%" height="50" align="center">
<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><tr><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<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 -->
</br><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
</span>
</td>
<td class="row3 over" align="center" valign="middle"><div style="width : 150px;"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br/>
{catrow.forumrow.LAST_POST}</span></div></tr></table>
</td>
<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>
</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 -->
Je n'ai pas encore de CCS ._.
Dernière édition par Aliichaa le Sam 3 Déc 2011 - 17:06, édité 2 fois
Re: Catégorie ...
up ^^
Re: Catégorie ...
up^^
Re: Catégorie ...
Sur ton deuxième screen on dirait que c'est fait nan ?
Re: Catégorie ...
euh, non....
Un exemple... Je prend la première catégorie : le RPG ...
Je ne voudrais plus qu'il y est marquer : Dernier message
Je voudrait que le titre des catégorie soit centrer ^^
Et que les image soit un peu séparé des forum, comme sur mon schémas ^^'
Un exemple... Je prend la première catégorie : le RPG ...
Je ne voudrais plus qu'il y est marquer : Dernier message
Je voudrait que le titre des catégorie soit centrer ^^
Et que les image soit un peu séparé des forum, comme sur mon schémas ^^'
Re: Catégorie ...
up ^^
Re: Catégorie ...
Peux tu me laisser le week end que je regarde ça ?
Re: Catégorie ...
bah, si tu veux '^^
Re: Catégorie ...
n'uo ^^
Re: Catégorie ...
Bonjour,
Essayons en repartant du template de base.
Cordialement.
Essayons en repartant du template de base.
- Concernant les colonnes, supprimez:
- Code:
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
- Code:
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
- Pour les images, déplacez:
- Code:
<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>
- Code:
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
- Puis remplacez:
- Code:
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
- Code:
<div class="cadrefo"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
- Ensuite, remplacez:
- Code:
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<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>
- Code:
<div class="cadrefo"><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<table width="100%"><tr><td width="80%"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br /><span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
</span></td><td vlaign="top">
<div class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets |{catrow.forumrow.POSTS} messages <br />
{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table>
</div>
- Pour avoir les titres sur du vide, cherchez enfin:
- Code:
<!-- 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>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
<!-- END tablehead --></table><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- BEGIN cathead -->
- Dernière étape, créez votre CSS, avec les identifiants présents ou ajoutés dans le template:
- Code:
.a.forumlink{
display: block;
text-align: center;
border-bottom: 4px solid #000;
padding-bottom: 3px;
margin: 3px;
}
.cadrefo{
background-color:#fff;
padding: 5px;
border: 2px solid #000;
margin: 4px;
margin-bottom: 0px !important;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.stats{
text-align: center;
background-color: #fff;
border: 2px solid #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.descrip{
text-align: center;
background-color: #fff;
border: 2px solid #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.secondarytitle{
background-image: none!important;
}
Cordialement.
Invité- Invité
Re: Catégorie ...
voila mon rendu ^^ ! Sur mon forum test : http://delirekuroshitsuji.meilleurforum.net/
Je trouve ça bizarre que les deux tableau soit pas center mais bon =/ .. J'ai sans doute fait une bêtise
il me reste juste deux petite question si cela ne vous dérange pas ^^' ...
a la place du cadres rouge que j'ai fait sur ce sreen, est t-il possible de rajouter une image?
Et quel est le code pour que les statistique ne dépasse plus du tableau? °°
Je trouve ça bizarre que les deux tableau soit pas center mais bon =/ .. J'ai sans doute fait une bêtise
il me reste juste deux petite question si cela ne vous dérange pas ^^' ...
a la place du cadres rouge que j'ai fait sur ce sreen, est t-il possible de rajouter une image?
Et quel est le code pour que les statistique ne dépasse plus du tableau? °°
Re: Catégorie ...
Bonjour,
J'ai laissé quelques fautes de frappe qui posent soucis dans les modifications , ce n'est pas votre faute.
Essayons avec ce template:
Ce CSS:
Pour l'image en bas, ajoutez un tableau à la fin de l'index_box.
Remplacez:
Cordialement.
J'ai laissé quelques fautes de frappe qui posent soucis dans les modifications , ce n'est pas votre faute.
Essayons avec ce 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 width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr></table><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- 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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div class="cadrefo"><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<table width="100%"><tr><td width="80%" valign="top"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br /><span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
</span></td><td valign="top">
<div class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets |{catrow.forumrow.POSTS} messages <br />
{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table>
</div>
</td>
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<div class="cadrefo"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
</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 -->
Ce CSS:
- Code:
a.forumlink{
display: block;
text-align: center;
border-bottom: 4px solid #000;
padding-bottom: 3px;
margin: 3px;
}
.cadrefo{
background-color:#fff;
padding: 5px;
border: 2px solid #000;
margin: 4px;
margin-bottom: 0px !important;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.stats{
text-align: center;
background-color: #fff;
border: 2px solid #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 3px;
}
.descrip{
text-align: center;
background-color: #fff;
border: 2px solid #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 50px;
}
.secondarytitle{
background-image: none!important;
}
Pour l'image en bas, ajoutez un tableau à la fin de l'index_box.
Remplacez:
- Code:
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
- Code:
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><table><tr><td><img src="VOTRE IMAGE" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Cordialement.
Invité- Invité
Re: Catégorie ...
Tout est niquel =D
Merci ^^ !!
Merci ^^ !!
Sujets similaires
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Espace entre image en-tête catégorie et titre catégorie
» Espace entre le haut de catégorie et le corps de catégorie
» Marge entre image catégorie et corps catégorie.
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Espace entre image en-tête catégorie et titre catégorie
» Espace entre le haut de catégorie et le corps de catégorie
» Marge entre image catégorie et corps catégorie.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum