Image en titre 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 titre de catégorie
Bonjour/Bonsoir
et d'or et déjà merci d'étudier ma question!
Je suis toujours entrain de changer le design de mon forum!! enfin c'est un forum de test! mais c'est pour au final l'appliquer sur un autre forum! bref!!
Je souhaiterais mettre une image a la place de titre de ma catégorie! j'ai cherché et ai essayé plusieurs chose! Mais au final je me retrouve avec ce qu'il y a actuellement:
http://shadowstest.forumgratuit.org/
Alors que je souhaiterais donc un titre qui est au dessus de la catégorie du forum concerné et centré, incluant donc la suppression de dernier message, jusqu'ici a droit du titre de la catégorie! j'ai graphé une image pour expliquer le rendu que je souhaiterais avoir.
Je me doute que la question a du déjà être posé, mais je n'ai pas trouvé le sujet désolé! j'aimerais donc avoir une image centré a la place de chaque titre de catégorie!
Tout ce que j'ai fais pour le moment c'est mettre :
à la place du titre de la catégorie
et ça dans les css:
pour éviter d'avoir l'image tout le temps, mais uniquement sur la page d'accueil.
Merci beaucoup ♥
Bonne journée/Bonne soirée
et d'or et déjà merci d'étudier ma question!
Je suis toujours entrain de changer le design de mon forum!! enfin c'est un forum de test! mais c'est pour au final l'appliquer sur un autre forum! bref!!
Je souhaiterais mettre une image a la place de titre de ma catégorie! j'ai cherché et ai essayé plusieurs chose! Mais au final je me retrouve avec ce qu'il y a actuellement:
http://shadowstest.forumgratuit.org/
Alors que je souhaiterais donc un titre qui est au dessus de la catégorie du forum concerné et centré, incluant donc la suppression de dernier message, jusqu'ici a droit du titre de la catégorie! j'ai graphé une image pour expliquer le rendu que je souhaiterais avoir.
- Spoiler:
Je me doute que la question a du déjà être posé, mais je n'ai pas trouvé le sujet désolé! j'aimerais donc avoir une image centré a la place de chaque titre de catégorie!
Tout ce que j'ai fais pour le moment c'est mettre :
- Code:
<img src="http://i49.servimg.com/u/f49/16/49/88/20/titre_11.png" style=display:none /><span class=txt-title>Introducing</span>
à la place du titre de la catégorie
et ça dans les css:
- Code:
th.secondarytitle h2 img { display: inline!important; }
th.secondarytitle h2 .txt-title { display: none; }
pour éviter d'avoir l'image tout le temps, mais uniquement sur la page d'accueil.
Merci beaucoup ♥
Bonne journée/Bonne soirée
Re: Image en titre de catégorie
petit up ♥
merc
merc
Re: Image en titre de catégorie
up again ♥
Re: Image en titre de catégorie
Pour cela, il me faudrait ton index_box. Puisque apparemment il est modifié. -Je ne me trompe pas ?- Je ne pourrais pas t'aider sans. :3
Alliwee- ***
-
Messages : 131
Inscrit(e) le : 11/04/2012
Re: Image en titre de catégorie
Tout d'abord merci d'avoir répondu
effectivement mon index box est modifié, le voici
merci beaucoup de prendre le temps de me répondre
effectivement mon index box est modifié, le voici
- 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 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><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>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br><br><div style=";display:block;font-size: 11px;margin-top:-5px; padding 2px; background-color: #6e4355; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; width:140px"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> récits</span><br/><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 -->
merci beaucoup de prendre le temps de me répondre
Re: Image en titre de catégorie
Alour.
Voici ton template index_box modifié :
Ça a été très léger, j'ai juste enlevé l’annotation "dernier message" à coté de ton titre de categorie.
Puis, pour enlever la couleur violette que tu à, normalement va dans PA>Affichage>couleur et tu, soit, supprimes les couleur de "Couleur Fond En-tête Catégorie" soit, remplaces la couleur en place par la couleur voulu.
En espérant que ça t'aide et que je n'ai pas fait d'erreur, n'hésite pas à signaler si tu as un problème !
Voici ton template index_box modifié :
- 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 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="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><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>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br><br><div style=";display:block;font-size: 11px;margin-top:-5px; padding 2px; background-color: #6e4355; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; width:140px"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> récits</span><br/><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 -->
Ça a été très léger, j'ai juste enlevé l’annotation "dernier message" à coté de ton titre de categorie.
Puis, pour enlever la couleur violette que tu à, normalement va dans PA>Affichage>couleur et tu, soit, supprimes les couleur de "Couleur Fond En-tête Catégorie" soit, remplaces la couleur en place par la couleur voulu.
En espérant que ça t'aide et que je n'ai pas fait d'erreur, n'hésite pas à signaler si tu as un problème !
Alliwee- ***
-
Messages : 131
Inscrit(e) le : 11/04/2012
Re: Image en titre de catégorie
merci! mais malheureusement ça ne donne pas du tout le résultat voulu!!!
je souhaiterais que mon titre de catégorie, ne soit en fait pas dans le cadre!! j'ai apporter les modif que tu m'as donné, elle sont toujours sur le forum!
Et comme tu peux vois ça n'a pas du tout le même rendu que su mon montage graphique!! Je souhaiterais que le titre soit centré, et donc au dessus du cadre pas à l'intérieure!!
Je sais que c'est possible, je l'ais déjà vu sur un forum^^ Mais je ne sais pas du tout comment faire^^
je souhaiterais que mon titre de catégorie, ne soit en fait pas dans le cadre!! j'ai apporter les modif que tu m'as donné, elle sont toujours sur le forum!
Et comme tu peux vois ça n'a pas du tout le même rendu que su mon montage graphique!! Je souhaiterais que le titre soit centré, et donc au dessus du cadre pas à l'intérieure!!
Je sais que c'est possible, je l'ais déjà vu sur un forum^^ Mais je ne sais pas du tout comment faire^^
Re: Image en titre de catégorie
Si cela ne te dérange, pas peux tu me faire un sceen de ce que ça donne avec les modif que je t'ai donné .. Ça m'aidera a réparer mes erreurs :3
Je suis vraiment désolé le l'imprécision c'est une de mes première fois que je me tente dans l'aide au autre du coté codage (a)
Je suis vraiment désolé le l'imprécision c'est une de mes première fois que je me tente dans l'aide au autre du coté codage (a)
Alliwee- ***
-
Messages : 131
Inscrit(e) le : 11/04/2012
Re: Image en titre de catégorie
Pour voir les modif!! tu peux aller directement sur mon forum!! ce sera plus précis qu'un screen: http://shadowstest.forumgratuit.org/
Mais voici un screen quand même:
je te remet en dessous l'effet voulu:
Ce n'est pas grave si c'est une première fois: il faut un début a tout je comprend ne t'inquiète pas^^ et merci encore d'essayer de m'aider ♥
Mais voici un screen quand même:
- Spoiler:
je te remet en dessous l'effet voulu:
- Spoiler:
Ce n'est pas grave si c'est une première fois: il faut un début a tout je comprend ne t'inquiète pas^^ et merci encore d'essayer de m'aider ♥
Re: Image en titre de catégorie
Bonjour,
Essayez en remplaçant ceci:
Ensuite placez l'image des titres de vos catégorie dans PA > General> Catégorie et forum, titre de la catégorie à l'aide de ce code:
Essayez en remplaçant ceci:
- 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>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%"><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="1" cellpadding="0">
<!-- END tablehead -->
Ensuite placez l'image des titres de vos catégorie dans PA > General> Catégorie et forum, titre de la catégorie à l'aide de ce code:
- Code:
<center><img src="URL de l'image" /></center>
Invité- Invité
Re: Image en titre de catégorie
Merci beaucoup! c'est parfait, ça donne exactement ce que je voulais!
Par contre, je ne peux pas éditer mon premier post :s Je ne sais pas pourquoi! du cou je ne peux pas le mettre en résolu :s
Par contre, je ne peux pas éditer mon premier post :s Je ne sais pas pourquoi! du cou je ne peux pas le mettre en résolu :s
Sujets similaires
» Espace entre image en-tête catégorie et titre catégorie
» Image en titre de catégorie.
» Image titre catégorie
» Titre en image pour catégorie
» Remplacer Titre Catégorie Par une Image
» Image en titre de catégorie.
» Image titre catégorie
» Titre en image pour catégorie
» Remplacer Titre Catégorie Par une Image
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