En tête de tableau - Catégories
3 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
En tête de tableau - Catégories
Bonsoir ! vous demande de l'aide parce que je n'y arrive vraiment pas !
J'ai réussi à obtenir ceci :
et je voudrais que ce soit comme ça :
Donc que le titre de ma catégorie soit sur mon image et supprimer le cadre de la partie qui servait de
titre de catégorie.
J'ai déjà trouver un code pour supprimer le grand rectangle que j'ai entouré sauf qu'il me
retire aussi le nom de ma catégorie
Je ne peux pas non plus mettre directement le nom de ma catégorie sur l'image qui se trouve au dessus du tableau car ce sera la même pour toute les catégories
Merci de votre aide !
voici mon Index_box :
J'ai réussi à obtenir ceci :
et je voudrais que ce soit comme ça :
Donc que le titre de ma catégorie soit sur mon image et supprimer le cadre de la partie qui servait de
titre de catégorie.
J'ai déjà trouver un code pour supprimer le grand rectangle que j'ai entouré sauf qu'il me
retire aussi le nom de ma catégorie
Je ne peux pas non plus mettre directement le nom de ma catégorie sur l'image qui se trouve au dessus du tableau car ce sera la même pour toute les catégories
Merci de votre aide !
voici mon Index_box :
- Code:
<table width="100%" border="0" cellspacing="0" 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 --><img
src="http://illiweb.com/fa/pbucket.gif" height="127" width="986"
/><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 -->
<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="cadre1" colspan="{catrow.forumrow.INC_SPAN}" valign="top"
width="100%" height="50">
<table width="100%"><tbody><tr><td><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 style="padding-left: 40px; text-align:
right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS}
sujets.</td></tr></tbody></table>
<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>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</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="http://illiweb.com/fa/pbucket.gif" alt="" height="128"
width="997" /><!-- END tablefoot --><!-- END catrow -->
Dernière édition par Happi le Dim 14 Aoû 2011 - 16:05, édité 2 fois
Re: En tête de tableau - Catégories
Bonsoir
Pourrions nous avoir l'image du titre catégorie que vous souhaitez placer et le css associé a votre template svp?
Pourrions nous avoir l'image du titre catégorie que vous souhaitez placer et le css associé a votre template svp?
Re: En tête de tableau - Catégories
voilà l'image :
et voilà le CSS :
et voilà le CSS :
- Code:
.description{
width:500px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px;
border: 2px solid #000000;}
a.forumlink {
color : darkred!important;}
.forumline{border: 5px bottom #767848;-webkit-border-radius: 0px 0px 5px 5px #767848;-webkit-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;}
a {font-variant: small-caps;}
.forumline{}
.bodyline {-moz-border-radius:40px;}
Re: En tête de tableau - Catégories
Bonsoir
Bon ça devrait fonctionner.
Remplace ton template index_box par celui-la.
puis dans la feuille de style place ceci.
et pour finir pour l'image qui sera sur l'entête de catégorie place ceci dans le titre de catégorie.
Bon ça devrait fonctionner.
Remplace ton template index_box par celui-la.
- Spoiler:
- Code:
<table width="100%" border="0" cellspacing="0" 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 -->
<div class="img_haut"> {catrow.tablehead.L_FORUM} </div>
<table class="forumline" width="100%" border="0" cellspacing="1" 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="{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="cadre1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><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 style="padding-left: 40px; text-align: right;" class="gensmall">
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<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>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</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>
<div class="img_bas"> </div>
<!-- END tablefoot --><!-- END catrow -->
puis dans la feuille de style place ceci.
- Spoiler:
- Code:
.img_haut{
background: url(http://illiweb.com/fa/pbucket.gif)
width: 998px;
height: 128px;
}
.img_bas{
background: url(http://hariboow.free.fr/upload/images/fin2.png)
width: 998px;
height: 128px;
}
.titre_1er_cat{
margin-top: 60px;
margin-left: 400px;
position: absolute;
}
et pour finir pour l'image qui sera sur l'entête de catégorie place ceci dans le titre de catégorie.
- Code:
<div class="titre_1er_cat"><img src="http://hariboow.free.fr/upload/images/zdhih.png"></div>
Re: En tête de tableau - Catégories
merci beaucoup !
J'ai le résultat que j'attendais mais du coup ma colonne des derniers messages et toute petite :/
et encore plus quand il n'y a pas encore de message : http://apple-red.tonempire.com/
J'ai le résultat que j'attendais mais du coup ma colonne des derniers messages et toute petite :/
et encore plus quand il n'y a pas encore de message : http://apple-red.tonempire.com/
Re: En tête de tableau - Catégories
Bonjour
repérez ceci :
et changez le ainsi :
Cordialement.
repérez ceci :
- Code:
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
et changez le ainsi :
- Code:
<td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div></td>
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: En tête de tableau - Catégories
Mercii !! Problème résolut
Sujets similaires
» mettre les titres des catégories sur les images d'en-tête des catégories
» Créer un tableau spécial en tete
» Mettre une image en tete et fin de tableau
» Aligner les catégories de l'en-tête
» comment supprimer l'image d'en tête des catégories ?
» Créer un tableau spécial en tete
» Mettre une image en tete et fin de tableau
» Aligner les catégories de l'en-tête
» comment supprimer l'image d'en tête des catégories ?
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