Mettre les liens des sous catégories à droite des descriptions
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 2 • Partagez
Page 1 sur 2 • 1, 2
Mettre les liens des sous catégories à droite des descriptions
Dernière édition par manouu. le Ven 31 Aoû 2012 - 23:31, édité 1 fois
Re: Mettre les liens des sous catégories à droite des descriptions
Bonjour,
S’agit-il du forum de votre profil, ou bien d’un autre ?
Avez-vous déjà fait des modifications de templates par vous-même ? Avez-vous déjà essayé de reproduire cela depuis vos connaissances ? Si oui, merci de communiquer votre template index-box modifié, ainsi que la partie de votre feuille de style qui y est liée, afin que nous puissions mieux vous venir en aide.
S’agit-il du forum de votre profil, ou bien d’un autre ?
Avez-vous déjà fait des modifications de templates par vous-même ? Avez-vous déjà essayé de reproduire cela depuis vos connaissances ? Si oui, merci de communiquer votre template index-box modifié, ainsi que la partie de votre feuille de style qui y est liée, afin que nous puissions mieux vous venir en aide.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Mettre les liens des sous catégories à droite des descriptions
Coucou, je suis sur le forum essais vu que la version n'est pas encore mise en ligne ^^
Oui mon index_box est modifié
& dans mon css, rien n'est en rapport avec les catégories ^^
Merci de m'aider
Oui mon index_box est modifié
- 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}<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="0" cellpadding="0">
<table class="forumline" width="860px" border="0" cellspacing="0" cellpadding="0" align="center">
<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>
</span>
</h{catrow.forumrow.LEVEL}>
<table>
<tr>
<td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<div class="liens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->
</td>
<td>
<div class="messages_sujets_derniers_sujets">
<div class="derniers_sujets"><span class="gensmall"><div class="deco">{catrow.forumrow.POSTS} messages ▬ {catrow.forumrow.TOPICS} sujets. <br> <br>{catrow.forumrow.LAST_POST}</span></div>
</div>
</td>
</tr>
</table>
<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
<!-- END forum_link -->
<!-- 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://nsa29.casimages.com/img/2012/08/30/120830021718745474.png" alt="" height="108" width="860" /></center><br><br><!-- END tablefoot --><!-- END catrow -->
& dans mon css, rien n'est en rapport avec les catégories ^^
Merci de m'aider
Dernière édition par manouu. le Ven 31 Aoû 2012 - 16:14, édité 3 fois
Re: Mettre les liens des sous catégories à droite des descriptions
manouu. a écrit:Up svp
Re: Mettre les liens des sous catégories à droite des descriptions
j'ai fais quelque chose de semblable sur mon forum : http://newdesigntest.forumactif.biz/
c'est ce que tu souhaite ?
c'est ce que tu souhaite ?
Re: Mettre les liens des sous catégories à droite des descriptions
Oui c'est en quelques sortes ce que j'aimerais
Re: Mettre les liens des sous catégories à droite des descriptions
Bien alors voila comment faire, c'est tres simple tu verra
Tu vas dans tes templates, le "index_box" et tu le remplace entièrrement par ca
je te mets quelques infos utiles pour comprendre le template
{catrow.forumrow.U_VIEWFORUM}= titre des sous forums
{catrow.forumrow.FORUM_FOLDER_IMG}= icône de message
{catrow.forumrow.FORUM_DESC}= partie descriptions
Ensuite tu vas dans ton css et tu ajoute ceci:
et enfin, dans chaque description de tes forums il faudra que tu ajoute ca :
Si tu veux enlever les titres de catégorie qu'il y a au dessus, t'a juste à supprimer la ligne qui y correspond dans le template. Te restera plus ensuite qu'a l'adapter à ton forum pour les couleurs. Si tu ne veux pas des arrondis ou du contour t'a juste à supprimer ce qui y correspond dans le CSS
Tu vas dans tes templates, le "index_box" et tu le remplace entièrrement par ca
- 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 width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td width="100%" align="center"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</td></tr>
<tr>
<td>
<table width="800px" height="100px" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="120px" align="center">
<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="image"/>
</td>
<td width="580px" class="description" align="center" >
{catrow.forumrow.FORUM_DESC}
<span class="link"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></span></td>
<td width="20%" align="center" valign="middle"><div class="lastpost"><div style="font-size: 11px; margin: -2px;margin-top:4px; padding: 2px; background-color: #F0E7E8; border-bottom: 1px dashed #406369">{catrow.forumrow.POSTS} sujets pour {catrow.forumrow.TOPICS} messages</div><br />{catrow.forumrow.LAST_POST}</div></td>
</tr>
</table>
</td></tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table></div><img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->
je te mets quelques infos utiles pour comprendre le template
{catrow.forumrow.U_VIEWFORUM}= titre des sous forums
{catrow.forumrow.FORUM_FOLDER_IMG}= icône de message
{catrow.forumrow.FORUM_DESC}= partie descriptions
Ensuite tu vas dans ton css et tu ajoute ceci:
- Code:
/*--- Cette partie correspond aux catégories du forum ---*/
.forum-description {
overflow: auto;
text-align: justify;
background: #F0E7E8;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 400px;
height: 110px;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}
/*****Cellule des sous forum*******/
.forum-forum {
overflow: auto;
text-align: center;
background: #F0E7E8;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}
/*---Derniers message---*/
.lastpost{
width: 130px;
height: 110px;
background-color:#F0E7E8;
margin-top: 0px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #302D2D;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
a.forumlink{
font-size: 15px;
margin-bottom: -15px;
padding-top: 7px;
margin-left:-120px;
color : #192A2E;
display:block;
font-family: verdana;
text-shadow: 1px 1px 2px #666666;
}
et enfin, dans chaque description de tes forums il faudra que tu ajoute ca :
- Code:
<table valign="middle" height="100%" width="100%"><tr>
<td align="center" height="100%" valign="middle" width="86%"><div class="forum-description"><br></div></td>
<td height="100%" width="14%"><div class="forum-forum">
<a href="liens%20sous%20forums">Forum 1</a><br>
<a href="liens%20sous%20forums">Forum 1</a><br>
<a href="liens%20sous%20forums">Forum 1</a><br>
</div>
</td>
</tr></table>
Si tu veux enlever les titres de catégorie qu'il y a au dessus, t'a juste à supprimer la ligne qui y correspond dans le template. Te restera plus ensuite qu'a l'adapter à ton forum pour les couleurs. Si tu ne veux pas des arrondis ou du contour t'a juste à supprimer ce qui y correspond dans le CSS
Re: Mettre les liens des sous catégories à droite des descriptions
Merci mais je ne souhaite pas modifier mes catégories, je souhaite juste ajouter les sous catégories à droite, est ce que tu peux me dire ce que tu as changé pour mettre les sous catégories à droite stp
Re: Mettre les liens des sous catégories à droite des descriptions
bas tout justement
sinon c'est ce que tu colle dans la description du forum qui fait la cellule catégorie et celle sous forum, colle juste ca (et le css sinon ca marchera pas) voir ce que ca donne deja
sinon c'est ce que tu colle dans la description du forum qui fait la cellule catégorie et celle sous forum, colle juste ca (et le css sinon ca marchera pas) voir ce que ca donne deja
Re: Mettre les liens des sous catégories à droite des descriptions
Merci, mais je comprends pas quelle partie correspond aux sous catégories dans le code css que tu m'as donné ^^"
Re: Mettre les liens des sous catégories à droite des descriptions
regarde attentivement toutes les parties sont séparés ^^ (pck justement je ne m'y retrouvais pas sinon :lol!: )
CSS:
et la description :
tu as quoi comme caté actuellement ? pck tu risque de devoir modifier les templates pour ajouter la cellule sous-forum
CSS:
- Code:
/*****Cellule des sous forum*******/
.forum-forum {
overflow: auto;
text-align: center;
background: #F0E7E8;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #D4B89D;
border-right: 3px solid #D4B89D;
border-bottom: 3px solid #D4B89D;
border-top: 3px solid #D4B89D;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}
et la description :
- Code:
<table valign="middle" height="100%" width="100%"><tr>
<td height="100%" width="14%"><div class="forum-forum">
<a href="liens%20sous%20forums">Forum 1</a><br>
<a href="liens%20sous%20forums">Forum 1</a><br>
<a href="liens%20sous%20forums">Forum 1</a><br>
</div>
</td>
tu as quoi comme caté actuellement ? pck tu risque de devoir modifier les templates pour ajouter la cellule sous-forum
Re: Mettre les liens des sous catégories à droite des descriptions
Merci
Ca déforme le forum par contre ^^
&& voici ce que j'ai mis en css :
Ca déforme le forum par contre ^^
&& voici ce que j'ai mis en css :
- Code:
/*SOUS FORUM*/
.forum-forum {
overflow: auto;
text-align: center;
background: #9C7956;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #9C7956;
width: 100px;
height: 100px;
border-left: 1px solid #8C6146;
border-right: 1px solid #8C6146;
border-bottom: 1px solid #8C6146;
border-top: 1px solid #8C6146;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 8px;
font-size: 12px;
}
Re: Mettre les liens des sous catégories à droite des descriptions
il te manque la cellule description et image là non ?
le vide à coté des stats c'est voulu ou c'est justement ca que tu appel la déformation ?
le vide à coté des stats c'est voulu ou c'est justement ca que tu appel la déformation ?
Re: Mettre les liens des sous catégories à droite des descriptions
J'aimerais que ça reste en catégorie, c'est-à-dire, en une ligne ^^
Re: Mettre les liens des sous catégories à droite des descriptions
ajoute toute la description que je t'avais mis plus haut je pense que ca reglera le soucis puisque c'est le codage qui installe et la cellule sous forum et la cellule catégorie
Re: Mettre les liens des sous catégories à droite des descriptions
J'ai déjà une description dans mes catégories xD
Voici le code avec les sous forums & descriptions encadrés :
Voici le code avec les sous forums & descriptions encadrés :
- Code:
/*FOND CATEGORIE*/
.milieu {width: 90%; margin: 0px; border: 1px solid #8C6146;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#9C7956}
/*SOUS FORUM*/
.forum-forum {
overflow: auto;
text-align: center;
background: #9C7956;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #9C7956;
width: 100px;
height: 100px;
border-left: 1px solid #8C6146;
border-right: 1px solid #8C6146;
border-bottom: 1px solid #8C6146;
border-top: 1px solid #8C6146;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 8px;
font-size: 12px;
}
Re: Mettre les liens des sous catégories à droite des descriptions
Je viens de réussir x)
Mais maintenant, les sous catégories se mettent en dessous du titre du forum ET AUSSI à droite :/
Mais maintenant, les sous catégories se mettent en dessous du titre du forum ET AUSSI à droite :/
Re: Mettre les liens des sous catégories à droite des descriptions
tu dois avoir laisser le second code je pense s'il y a 2 cellules c'est qu'il y a 2 code supprime en 1
fait moi une capture au pire et donne moi tes codages
fait moi une capture au pire et donne moi tes codages
Re: Mettre les liens des sous catégories à droite des descriptions
Ouai parce que je comprend rien >.<"
&& voici mon codage dans la catégorie & le css :
css :
&& dans les catégories :
&& voici mon codage dans la catégorie & le css :
css :
- Code:
/*FOND CATEGORIE*/
.milieu {width: 90%; margin: 0px; border: 1px solid #8C6146;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#9C7956}
/*SOUS FORUM*/
.forum-forum {
overflow: auto;
text-align: center;
background: #9C7956;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #9C7956;
width: 120px;
height: 85px;
border-left: 1px solid #8C6146;
border-right: 1px solid #8C6146;
border-bottom: 1px solid #8C6146;
border-top: 1px solid #8C6146;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 8px;
font-size: 12px;
}
&& dans les catégories :
- Code:
<div style="text-align: justify; margin-left: 40px;"><div class="milieu"></span>Ces règles sont pour tout le monde et leur lecture est primordiale. Donc même si vous mourrez d’envie de découvrir le forum veuillez lire les règles de vie du forum afin que votre séjour soit le plus long et agréable possible.<br></div></div>
<td height="100%" width="14%"><div class="forum-forum">
<a href="http://creamania.superforum.fr/f98-les-versions">» LES VERSIONS</a><br>
<a href="http://creamania.superforum.fr/f110-le-livre-d-or">» LE LIVRE D'OR</a><br>
<a href="http://creamania.superforum.fr/f77-informations">» INFORMATIONS</a><br>
<a href="http://creamania.superforum.fr/f81-suggestions">» SUGGESTIONS</a><br>
<a href="http://creamania.superforum.fr/f6-vos-questions">» VOS QUESTIONS</a><br>
</div>
</td>
Re: Mettre les liens des sous catégories à droite des descriptions
il n'y en as qu'une de cellule sous forums sur ta capture là...
la cellule image de message, celle description de forum, le sous-forum et les stats
je comprends pas laquelle tu veux enlever en fait là
la cellule image de message, celle description de forum, le sous-forum et les stats
je comprends pas laquelle tu veux enlever en fait là
Re: Mettre les liens des sous catégories à droite des descriptions
Il y a les sous catégories juste en dessous du titre du forum ^^"
Page 1 sur 2 • 1, 2
Sujets similaires
» Template, mettre les liens des sous forum à droite
» Mettre le titre de mes sous forums à droite de leur icone
» Centrer les liens des sous catégories.
» Les liens des sous catégories / forum
» Affichage des catégories, sous-forum à droite.
» Mettre le titre de mes sous forums à droite de leur icone
» Centrer les liens des sous catégories.
» Les liens des sous catégories / forum
» Affichage des catégories, sous-forum à droite.
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum