Image en cadre de catégorie
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
Image en cadre de catégorie
Bonjour/Bonsoir après avoir retravaillé mon template index_box, j'ai cherché à metre un cadre de catégorie voyez plutôt ce que je veux dire (les cadre orange à bordure noires) sur ce screen et je n'es pas trouvé comment lui ajouter un centre, pourriez-vous m'aider ???
Voici mon template index_box modifié:
et je n'es rien dans mon CSS qui si associe.
PS: j'aimerais aussi au passage avoir un écard entre chaque cadre (ici il se touche si vous regardez bien le bas de mon image).
Merci à vous.
Voici mon template index_box modifié:
- 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} {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 -->
<center><img src="http://img11.hostingpics.net/pics/918351hautcatgorie.png" height="153" width="800" /></center>
<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="50" />
</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="intercat">
<span class="genmed forumdesc">{catrow.forumrow.FORUM_DESC}</span>
</div>
<span class="forumforums">{catrow.forumrow.LINKS}</span>
</td>
<td class="row3 over" align="center" valign="center" height="185">
<span class="foruminfo">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.</span>
<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>
<center><img src="http://img11.hostingpics.net/pics/930566bascatgorie.png" alt="" height="153" width="800" /></center>
<!-- END tablefoot --><!-- END catrow -->
et je n'es rien dans mon CSS qui si associe.
PS: j'aimerais aussi au passage avoir un écard entre chaque cadre (ici il se touche si vous regardez bien le bas de mon image).
Merci à vous.
Dernière édition par Vicsius le Sam 9 Juil 2011 - 21:29, édité 1 fois
Re: Image en cadre de catégorie
Bonsoir,
Que voulez vous dire par centre ? Centrer l'image ?
Cordialement
Que voulez vous dire par centre ? Centrer l'image ?
Cordialement
Re: Image en cadre de catégorie
Non, pas la centrer, mais y mettre une image pour que les cadre haut et bas se touche, celle-ci se répèterais suivant le nmb de catégorie que j'aurais à l'intérieur.
Re: Image en cadre de catégorie
Si j'ai bien compris vous voulez que l'image de fond des catégories se répètent ?
Remplacez votre index_box par celui ci :
Puis placez ceci dans votre css :
Et ajustez en fonction de votre image.
Cordialement
Remplacez votre index_box par celui ci :
- 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="catfond" 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 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 colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td 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 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}>
<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 -->
<table width="100%"><tr><td>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td></tr></table>
</span>
</td>
<!-- BEGIN forum_link_no -->
<td align="center" valign="middle" height="50" witdh="50">
<div class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</div><br>
<div class="lastpost">{catrow.forumrow.LAST_POST}</div>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td 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 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 -->
Puis placez ceci dans votre css :
- Code:
.catfond {
background-image: url('lien de votre image');
background-repeat:repeat;
background-position:top center;
height: hauteur de votre imagepx;
width: largeur de votre imagepx;}
Et ajustez en fonction de votre image.
Cordialement
Re: Image en cadre de catégorie
J'ai trouvé une alternative (balises div bien placée ) mais je vous remercie de voter aide et du temps passé à me répondre.
Sujets similaires
» Titre catégorie (image) qui dépasse du cadre
» Cadre catégorie et couleur catégorie droite
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Marge entre image catégorie et corps catégorie.
» Cadre catégorie et couleur catégorie droite
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Marge entre image catégorie et corps catégorie.
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