Comment faire une ligne moderne pour catégories ??
+3
Petit Démon rêveur
Tokio
SoraNoHime
7 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 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
Comment faire une ligne moderne pour catégories ??
Rappel du premier message :
Bonjour,
Aujourd'hui, jour de rentrée : joyeuse rentrée :3 , j'ai découvert un design impressionnant au niveau des catégories divers d'un forum dont je ne citerai le nom.
Voici le résultat de leur codage miraculeux, que j'admire.
Comment réaliser cela ?
Merci d'avance
Bonjour,
Aujourd'hui, jour de rentrée : joyeuse rentrée :3 , j'ai découvert un design impressionnant au niveau des catégories divers d'un forum dont je ne citerai le nom.
Voici le résultat de leur codage miraculeux, que j'admire.
Comment réaliser cela ?
Merci d'avance
Dernière édition par Rin_. le Ven 21 Oct 2011 - 20:22, édité 1 fois
Re: Comment faire une ligne moderne pour catégories ??
Vous avez modifié votre template index_box ?
Sinon, vous pouvez modifiez ceci dans le template :
par
et ensuite dans le css, vous mettez :
vous changez la couleur comme vous le voulez.
Sinon, vous pouvez modifiez ceci dans le template :
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
par
<div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</div>
et ensuite dans le css, vous mettez :
- Code:
.forumlink {background-color:red !important;}
vous changez la couleur comme vous le voulez.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Comment faire une ligne moderne pour catégories ??
C'est dans le même style en effet ! Mais savez-vous, comment mettre ce code pour les titre de catégories ? Je suppose que ce n'est peut-être pas le même pas code.
Dernière édition par Rin_. le Jeu 22 Sep 2011 - 17:52, édité 1 fois
Re: Comment faire une ligne moderne pour catégories ??
Les titres des catégories, c'est à ce niveau-là :
ensuite, vous procédez de la même manière que pour les titres des forums, mais en gardant le <th
et la classe à utiliser, ici, est secondarytitle
Cordialement.
- Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
ensuite, vous procédez de la même manière que pour les titres des forums, mais en gardant le <th
et la classe à utiliser, ici, est secondarytitle
Cordialement.
Re: Comment faire une ligne moderne pour catégories ??
Je ne suis pas très douée, et je ne comprends pas trop :S
Pouvez-vous me réexpliquer plus en détails s'il vous plaît ?
Pouvez-vous me réexpliquer plus en détails s'il vous plaît ?
Re: Comment faire une ligne moderne pour catégories ??
Et bien, pour les titres des forums, vous avez du faire comme ceci :
C'est à dire rajouter une classe forumlink pour pouvoir modifier les titres des forums via cette classe, dans le CSS. Il faut donc procéder de la même manière pour les titres des catégories. Actuellement, vous avez :
pour les titres des catégories ({catrow.tablehead.L_FORUM}) vous avez la classe secondarytitle; donc dans le css, vous allez rajouter le code :
<div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
C'est à dire rajouter une classe forumlink pour pouvoir modifier les titres des forums via cette classe, dans le CSS. Il faut donc procéder de la même manière pour les titres des catégories. Actuellement, vous avez :
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM} </th>
pour les titres des catégories ({catrow.tablehead.L_FORUM}) vous avez la classe secondarytitle; donc dans le css, vous allez rajouter le code :
(avec le même code que vous avez mis pour forumlink).secondarytitle {background-color:red !important;}
Re: Comment faire une ligne moderne pour catégories ??
J'ai compris, merci !
Mais est possible d'agrandir la longueur de la zone rouge ?
Mais est possible d'agrandir la longueur de la zone rouge ?
Re: Comment faire une ligne moderne pour catégories ??
Up ~
Alors alors, personne :3 ?
Alors alors, personne :3 ?
Re: Comment faire une ligne moderne pour catégories ??
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
je peux avoir le lien du forum test où on peut voir votre fond rouge ? Ainsi qu'un screen pour savoir ce que vous voudriez comme longueur, à peu près. Parce que techniquement la zone rouge correspond à la zone du titre du message, donc si ce que vous demandez est ce que je pense (soit sous les titres des messages et auteur) et bien il faudra d'autres code en prime, et non pas agrandir la zone.
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Comment faire une ligne moderne pour catégories ??
Etant donné que mon forum,( http://pensionnat-awave.forumgratuit.org ), est actuellement en construction, j'ai testé le code dessus. J'ai aussi changé la couleur de la zone, pour que cette-dernière soit plus "agréable" à regarder. Voici un screen de ma demande. Il est en effet question de longueur, j'aimerai quelle aille jusqu'à la "case" sujet.
Voilà ce que je voudrai.
Voilà ce que je voudrai.
Re: Comment faire une ligne moderne pour catégories ??
Pour allez jusque la case "sujet" recherchez ceci dans votre template :
Cordialement.
- Code:
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
- Code:
<th class="secondarytitle" width="50">{L_TOPICS}</th>
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Comment faire une ligne moderne pour catégories ??
Je regarderai demain, merci encore de votre réponse !
Re: Comment faire une ligne moderne pour catégories ??
Alors, vous avez regardé ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Comment faire une ligne moderne pour catégories ??
Je suis désolée de ne pas vous avoir répondu plus tôt. J'ai effectivement testé le code que vous m'avez indiqué, mais cela ne change rien : la bande reste toujours au même endroit qu'elle avait avant la modification de la template.
Re: Comment faire une ligne moderne pour catégories ??
Bonjour
Pour prolonger votre barre il vous faut retirer les colonnes ( sujets et messages ) a l'aide de ce tuto.
Pour prolonger votre barre il vous faut retirer les colonnes ( sujets et messages ) a l'aide de ce tuto.
Re: Comment faire une ligne moderne pour catégories ??
Tupac, non ce n'est pas ça qu'elle veut.
Rin, puis-je avoir votre template modifié ainsi que le css correspondant ? Parce que depuis le temps, je ne sais plus où nous en sommes.
Cordialement.
Rin, puis-je avoir votre template modifié ainsi que le css correspondant ? Parce que depuis le temps, je ne sais plus où nous en sommes.
Cordialement.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Comment faire une ligne moderne pour catégories ??
Comme l'a dit Lixyr Yrna, ce n'est pas ce que j'ai demandé.
Merci quand même Tupac!
Voici mon CSS :
Merci quand même Tupac!
Voici mon CSS :
- Code:
.forumlink {background-color:#DFE19F !important;}
a.forumlink:hover:after{
content:" ★";
}
-moz-box-shadow:0px 0px 8px #465975;box-shadow:0px 0px 8px #465975;-webkit-box-shadow:0px 0px 8px #465975;
- 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 class="secondarytitle" 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>
</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">
<div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</div>
</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" 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>
</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 -->
Re: Comment faire une ligne moderne pour catégories ??
Bonjour Rin_.
Placez ce code dans votre feuille de style css.
Placez ce code dans votre feuille de style css.
- Code:
a.forumlink{border:4px solid #826D53;background-color: #d8ceb5;display:block;text-align:center;}
Re: Comment faire une ligne moderne pour catégories ??
C'est ça
Merci beaucoup à vous deux ! Merci Lixyr Yrna, et Tupac !
Merci beaucoup à vous deux ! Merci Lixyr Yrna, et Tupac !
Page 2 sur 2 • 1, 2
Sujets similaires
» [résolu] Comment faire pour mettre en gras le nom des catégories de mon forum ?
» Comment faire pour mettre différentes images dans des catégories qui sont en colonnes deux par deux
» Comment faire pour faire disparaître les pubs qui apparaissent dans le bas de mes courriels?
» comment faire pour faire défiler une image dans le rang
» Rappel du premier message : Comment faire pour le faire apparaitre ? Par rubrique / forum
» Comment faire pour mettre différentes images dans des catégories qui sont en colonnes deux par deux
» Comment faire pour faire disparaître les pubs qui apparaissent dans le bas de mes courriels?
» comment faire pour faire défiler une image dans le rang
» Rappel du premier message : Comment faire pour le faire apparaitre ? Par rubrique / forum
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 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum