Aide à la disposition des Catégories
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
Aide à la disposition des Catégories
Bonjour! J'aurais un petit problème que je ne sais pas comment y résoudre. J'ai tenté plusieurs changements sur mon template, mais rien n'est venu comme je le souhaitais. Voici donc ce que j'ai comme résultât présent:
J'aurais deux détails à modifier. Premièrement, j'aimerais pouvoir placer une image de format rectangulaire à la droite des titres des forums, mais à chaque fois que j'essais de mettre une image, celle-ci vient aussitôt se placer dans le cadre de la description du forum. Ensuite, les sous-forums viennent eux aussi à s'afficher à la fin de la description, dans le cadrage. Je souhaiterais faire en sorte qu'ils soient en dehors du cadrage, juste dessous celui-ci, positionné à la gauche. Comment faire pour changer tout ceci? Quelqu'un pourrait-il m'aider?
Voici mon Css:
Voici mon template index_box:
- Spoiler:
J'aurais deux détails à modifier. Premièrement, j'aimerais pouvoir placer une image de format rectangulaire à la droite des titres des forums, mais à chaque fois que j'essais de mettre une image, celle-ci vient aussitôt se placer dans le cadre de la description du forum. Ensuite, les sous-forums viennent eux aussi à s'afficher à la fin de la description, dans le cadrage. Je souhaiterais faire en sorte qu'ils soient en dehors du cadrage, juste dessous celui-ci, positionné à la gauche. Comment faire pour changer tout ceci? Quelqu'un pourrait-il m'aider?
Voici mon Css:
- Spoiler:
- a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
.bodyline {
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
border-right: 10px solid #616680;
border-left: 10px solid #616680;
}
.forumline{
-webkit-border-radius: 20px;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius: 20px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-radius: 20px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
text-align: justify;
padding-left: 4px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 4px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}
a.forumlink:link, a.forumlink:visited {
font-size: 25px;
text-align : left;
font-family: Times New Roman;
font-weight: italic;
text-transform : lowercase;
letter-spacing: -2px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
}
span a.forumlink:hover {
letter-spacing: 1px; /* espacement du texte au survol */
text-shadow: 1px 1px 2px #646180;
}
.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}
/*cadres autour des icones*/
.icones{
border-radius: 30px;
border: 2px solid #616680;
padding: 3px;
width: 80px;}
/*cadre des descriptions*/
.descrip{
border-radius: 30px;
border: 3px solid #616680;
padding: 3px;
height: 110px;
overflow-y: auto;}
/*cadre autour des statistiques*/
.stats{
border-radius: 30px;
border: 2px solid #616680;
padding: 3px;
width: 100px;}
/*ligne au dessus du dernier message*/
.lastm{
border-top: 2px solid #616680;
padding: 3px;}
/*supprimer le fond des titres des catégories par défaut*/
.secondarytitle h2{
backgound-color: none !important;
background-image: none;}
/*image de fond des titres des catégories*/
.secondarytitle{
background-image: url('');
background-position: center;
background-repeat: no-repeat;
height: 60px;}
Voici mon template index_box:
- Spoiler:
- <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 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>
<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">
<table width="100%" cellspacing="5"><tr><td class="icones" 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>
<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}>
<div class="descrip"><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></div>
</td>
<td class="stats">
<span class="gensmall">Sujets : {catrow.forumrow.TOPICS}</span><br/>
<span class="gensmall">Messages : {catrow.forumrow.POSTS}</span> <br/><br/>
<div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table>
</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 -->
Dernière édition par MissDevilsJuly le Lun 17 Oct 2011 - 2:50, édité 3 fois
Re: Aide à la disposition des Catégories
Bonsoir
déjà si vous incorporez votre image par le biais du lien dans vos forum, elle apparaitra dans la description quoiqu'il arrive car elle est incluse dans la balise de la description {catrow.forumrow.FORUM_DESC}, vous ne pouvez changez ceci. ou alors mettre une image mais qui sera identique pour tous vos forums à l'endroit voulu.
Pour votre second problème, repérez ceci :
Cordialement.
déjà si vous incorporez votre image par le biais du lien dans vos forum, elle apparaitra dans la description quoiqu'il arrive car elle est incluse dans la balise de la description {catrow.forumrow.FORUM_DESC}, vous ne pouvez changez ceci. ou alors mettre une image mais qui sera identique pour tous vos forums à l'endroit voulu.
Pour votre second problème, repérez ceci :
- Code:
<div class="descrip"><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></div>
- Code:
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<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>
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Aide à la disposition des Catégories
Merci pour la deuxième problématique^^ C'est arrangé! Mais quelqu'un saurait-il comment je pourrais placer une image différente pour chaque forum à la droite du titre du forum? comme ceci:
- Spoiler:
Re: Aide à la disposition des Catégories
Comme je vous l'ai dit c'est normalement impossible, il peut cependant y avoir une astuce, si le tout ne prend pas trop de caractères. C'est de l'insérer directement dans le titre d'un forum ainsi :
attention le lien de l'image doit etre court, je vous conseille d'utiliser ce site pour raccourcir vos liens.
ensuite dans la css, vous pouvez ajoutez :
Cordialement.
TITRE <img src="lien de l'image" />
attention le lien de l'image doit etre court, je vous conseille d'utiliser ce site pour raccourcir vos liens.
ensuite dans la css, vous pouvez ajoutez :
- Code:
.forumlink img {
float :right;
}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Aide à la disposition des Catégories
Ça n'a pas fait exactement comme je l'avais montré, mais c'est suffisant^^ Merci infiniment!
Sujets similaires
» Aide - Affichage des catégories
» Disposition des catégories
» Disposition des catégories comme sur le forum de Forumactif
» Nouvelle disposition pour mes catégories et forum.
» Modifier la disposition des titres de catégories et des forums sur l'index
» Disposition des catégories
» Disposition des catégories comme sur le forum de Forumactif
» Nouvelle disposition pour mes catégories et forum.
» Modifier la disposition des titres de catégories et des forums sur l'index
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