Modifier les colonnes
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
Modifier les colonnes
Bonjour !
Je suis à la recherche d'un code qui modifierait l'apparence des colonnes telle que sur la photo ci-dessous :
c'est à dire, créer un cadre pour chaque forum et des bordures à chaque extrémités.
S'agit-il de CSS seulement ou template ?
Merci d'avance pour vos réponses,
Elliot.
Je suis à la recherche d'un code qui modifierait l'apparence des colonnes telle que sur la photo ci-dessous :
- Spoiler:
c'est à dire, créer un cadre pour chaque forum et des bordures à chaque extrémités.
S'agit-il de CSS seulement ou template ?
Merci d'avance pour vos réponses,
Elliot.
Dernière édition par Elliot. le Dim 17 Juil 2011 - 5:11, édité 1 fois
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Bonjour
pouvez-vous me fournir votre template général index_box, ainsi qu'un schéma de ce que vous désirez plutôt qu'un modèle pris sur un autre forum ?
Pour les bordures, désirez-vous qu'elles apparaissent uniquement à cet endroit du forum, où également sur tous les cadres ?
Cordialement.
pouvez-vous me fournir votre template général index_box, ainsi qu'un schéma de ce que vous désirez plutôt qu'un modèle pris sur un autre forum ?
Pour les bordures, désirez-vous qu'elles apparaissent uniquement à cet endroit du forum, où également sur tous les cadres ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonjour !
Merci d'avoir répondu si rapidement !
Voici mon index-box (qui a déjà été un peu modifié pour positionner les liens à côté de la description du forum et pour retirer certaine colonnes)
Et une image modifiée de ce que je recherche (créer une petite séparation entre chaque forum, ainsi que des bordures arrondies à droite et a gauche).
Pour les bordures, j'aimerai qu'il n'y en ait que pour encadrer les forums, si possible.
PS: il s'agit là d'une image prise sur mon forum en re-construction.
Un grand merci pour votre aide!
Elliot.
Merci d'avoir répondu si rapidement !
Voici mon index-box (qui a déjà été un peu modifié pour positionner les liens à côté de la description du forum et pour retirer certaine colonnes)
- 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 --><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">
<table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<table><tr><td class="sep"><div class="descrip"<span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</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 -->
Et une image modifiée de ce que je recherche (créer une petite séparation entre chaque forum, ainsi que des bordures arrondies à droite et a gauche).
Pour les bordures, j'aimerai qu'il n'y en ait que pour encadrer les forums, si possible.
PS: il s'agit là d'une image prise sur mon forum en re-construction.
- Spoiler:
Un grand merci pour votre aide!
Elliot.
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Voici votre template :
pour marquer le contour voulu, mettez dans la css :
Cela vous convient-il pour les tours ? une fois cela fait, nous verrons pour la séparation. Merci de me fournir cette fois votre css.
Cordialement.
- 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="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th 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><td colspan="3">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<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 width="100%" class="zoneforum">
<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">
<table width="100%"><tbody><tr><td width="50%">
</td>
<td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
</td></tr></tbody></table>
<table><tr><td class="sep">
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</td><td class="sousfo">
<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table></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 -->
pour marquer le contour voulu, mettez dans la css :
- Code:
.zoneforum {
vos données
}
Cela vous convient-il pour les tours ? une fois cela fait, nous verrons pour la séparation. Merci de me fournir cette fois votre css.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Ca commence à prendre forme mais lorsque je rajoute les codes a "zone forum", cela ne change rien sur le forum :S (ou peut être que je me trompe de code)
voici le css :
Cordialement,
Elliot.
voici le css :
- Spoiler:
- Code:
* PAGE D'ACCUEIL *
.message {font-family: verdana; text-align: justify;}
.staffimg {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}
a.imginfo {color:#fff; position:relative; text-decoration:none;}
a.imginfo span {display:none;}
a.info:hover {background:transparent none repeat scroll 0 0;cursor:help;text-decoration:none !important;z-index: 999; text-decoration: none important!; border-left: 3px solid #fff; border-right: 3px solid #fff }
a.imginfo:hover span {border-left: 3px solid #fff; border-right: 3px solid #fff;
background:#947b4c; color:#fff;
text-decoration: none important!;
display:inline; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
display:inline; left:-15px; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap; }
* FIN PAGE D'ACCEUIL *
* FORUMS / SOUS FORUMS / CATEGORIES *
.zoneforum {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}
.sousfo
{xx}
.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}
span.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}
.descr {
font-size: 11px;
background-color: #bdb094;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}
.descr:hover {
border-left:3px solid #fff;
border-right:3px solid #fff;
}
* FIN DESCRIPTION CATEGORIE *
* QEEL *
.tableauqueel{
background-color : #COLOR ;
border : solid Xpx #COLOR ;
-moz-border-radius : Xpx Xpx Xpx Xpx}
.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #COLOR ;
padding-left : 10px }
.groupes{
background-color:#937b4b;
border: 0px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : #c2b18b;
text-decoration: none !important;
}
* FIN QUI EST EN LIGNE *
.forumline {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px; border-color:#CCCCCC #CCCCCC #CCCCCC; border-style:solid solid solid; border-width:1px 1px 10px;}
body {cursor: help; background-attachment: fixed;}
.forumlink {text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold;}
a.forumlink {
text-decoration: none important!;
border: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}
a.forumlink:visited{border: none important!;
text-decoration: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold }
a.forumlink:hover{border: none important!;
text-decoration: none important!;
text-shadow: #9a9a9c 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}
.mainmenu {color:#92c249; font-size:11px;}
a.mainmenu {color:#92c249; text-decoration:none; background-color: #efefef; border-bottom: 1px dashed #92c249; border-left: 4px solid #CCCCCC;}
a.mainmenu:hover {color:#E14F47; text-decoration:none !important;}
b, strong {border-bottom:1px dashed #92c249; font-weight:lighter;}
i, em {color: #e24e65; letter-spacing: 0.5px; border-bottom: 1px dashed #666666;}
.genmed {font-size:11px; padding-left: 5px;}
gensmall {text-decoration:none !important; text-align:center;}
a.gensmall {color:#e24e65; text-decoration:none !important;}
a.gensmall:hover {color:#92c249; text-decoration:none !important;}
.a.name {text-decoration:none !important;}
.a.name:hover {text-decoration:none !important;}
.quotetitle { color:#92c249; font-size: 11px; text-transform: lowercase; letter-spacing: 1px;}
.quotecontent {font-size: 11px; float: left; color:#e28c1f;}
.menu {background-color:#efefef; border-left:4px solid #65859d; border-right:4px solid #65859d; padding-bottom:5px;padding-top:5px; text-align: center; width:200px; color: #65859d; text-decoration:none; font-style: italic;}
.menu:hover {border-left:4px solid #5d5d5d;border-right:4px solid #5d5d5d; color:#5d5d5d; text-decoration: none; font-style: italic; font-weight: bold;}
img.arrondi {background-color:#EEEEEE; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:0.6; padding:4px;}
img.arrondi:hover {background-color:#FFFFFF; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:1; padding:4px;}
.h3 {font-family: georgia; font-style: italic; text-align: center; font-size: 14px; font-weight:normal;}
A:link, A:visited, A:active {text-decoration: none;}
a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:visited{ letter-spacing: 0px;}
a { text-decoration: none;}
Cordialement,
Elliot.
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Réorganisez votre css ainsi :
Cela s'affichera désormais ^^
Cordialement.
- Code:
* FORUMS / SOUS FORUMS / CATEGORIES *
.sousfo
{xx}
.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}
span.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}
.descr {
font-size: 11px;
background-color: #bdb094;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}
.descr:hover {
border-left:3px solid #fff;
border-right:3px solid #fff;
}
.zoneforum {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}
* FIN DESCRIPTION CATEGORIE *
* PAGE D'ACCUEIL *
.message {font-family: verdana; text-align: justify;}
.staffimg {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}
a.imginfo {color:#fff; position:relative; text-decoration:none;}
a.imginfo span {display:none;}
a.info:hover {background:transparent none repeat scroll 0 0;cursor:help;text-decoration:none !important;z-index: 999; text-decoration: none important!; border-left: 3px solid #fff; border-right: 3px solid #fff }
a.imginfo:hover span {border-left: 3px solid #fff; border-right: 3px solid #fff;
background:#947b4c; color:#fff;
text-decoration: none important!;
display:inline; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
display:inline; left:-15px; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap; }
* FIN PAGE D'ACCEUIL *
* QEEL *
.tableauqueel{
background-color : #COLOR ;
border : solid Xpx #COLOR ;
-moz-border-radius : Xpx Xpx Xpx Xpx}
.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #COLOR ;
padding-left : 10px }
.groupes{
background-color:#937b4b;
border: 0px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : #c2b18b;
text-decoration: none !important;
}
* FIN QUI EST EN LIGNE *
.forumline {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px; border-color:#CCCCCC #CCCCCC #CCCCCC; border-style:solid solid solid; border-width:1px 1px 10px;}
body {cursor: help; background-attachment: fixed;}
.forumlink {text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold;}
a.forumlink {
text-decoration: none important!;
border: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}
a.forumlink:visited{border: none important!;
text-decoration: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold }
a.forumlink:hover{border: none important!;
text-decoration: none important!;
text-shadow: #9a9a9c 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}
.mainmenu {color:#92c249; font-size:11px;}
a.mainmenu {color:#92c249; text-decoration:none; background-color: #efefef; border-bottom: 1px dashed #92c249; border-left: 4px solid #CCCCCC;}
a.mainmenu:hover {color:#E14F47; text-decoration:none !important;}
b, strong {border-bottom:1px dashed #92c249; font-weight:lighter;}
i, em {color: #e24e65; letter-spacing: 0.5px; border-bottom: 1px dashed #666666;}
.genmed {font-size:11px; padding-left: 5px;}
gensmall {text-decoration:none !important; text-align:center;}
a.gensmall {color:#e24e65; text-decoration:none !important;}
a.gensmall:hover {color:#92c249; text-decoration:none !important;}
.a.name {text-decoration:none !important;}
.a.name:hover {text-decoration:none !important;}
.quotetitle { color:#92c249; font-size: 11px; text-transform: lowercase; letter-spacing: 1px;}
.quotecontent {font-size: 11px; float: left; color:#e28c1f;}
.menu {background-color:#efefef; border-left:4px solid #65859d; border-right:4px solid #65859d; padding-bottom:5px;padding-top:5px; text-align: center; width:200px; color: #65859d; text-decoration:none; font-style: italic;}
.menu:hover {border-left:4px solid #5d5d5d;border-right:4px solid #5d5d5d; color:#5d5d5d; text-decoration: none; font-style: italic; font-weight: bold;}
img.arrondi {background-color:#EEEEEE; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:0.6; padding:4px;}
img.arrondi:hover {background-color:#FFFFFF; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:1; padding:4px;}
.h3 {font-family: georgia; font-style: italic; text-align: center; font-size: 14px; font-weight:normal;}
A:link, A:visited, A:active {text-decoration: none;}
a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:visited{ letter-spacing: 0px;}
a { text-decoration: none;}
Cela s'affichera désormais ^^
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Ca fonctionne parfaitement ! Il vous faut d'autres renseignements pour la séparation des forums ?
Encore merci de prendre du temps pour cela,
Elliot.
Encore merci de prendre du temps pour cela,
Elliot.
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Bonjour ^^
je reprends du service et me remet dans le bain de votre template. C'est bien entre chaque forum que vous désirez mettre une séparation, ou entre chaque catégorie ?
Cordialement.
je reprends du service et me remet dans le bain de votre template. C'est bien entre chaque forum que vous désirez mettre une séparation, ou entre chaque catégorie ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonjour,
C'est bien entre chaque forum =)
Cordialement,
Elliot.
EDIT: Comme j'ai fait quelques modifications sur les templates et que j'oublie presque au fur et à mesure où j'ai fait ces modifications, je vous renvoie mon index_box au cas où il serait un peu différent de mon dernier post.
C'est bien entre chaque forum =)
Cordialement,
Elliot.
EDIT: Comme j'ai fait quelques modifications sur les templates et que j'oublie presque au fur et à mesure où j'ai fait ces modifications, je vous renvoie mon index_box au cas où il serait un peu différent de mon dernier post.
- 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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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><td colspan="3">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<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 width="100%" class="zoneforum">
<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">
<table width="100%"><tbody><tr><td width="50%">
</td>
<td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">Il y a {catrow.forumrow.POSTS} prières dans {catrow.forumrow.TOPICS} sections.
</td></tr></tbody></table>
<table><tr><td class="sep">
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</td><td class="sousfo">
<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table></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 -->
Dernière édition par Elliot. le Sam 16 Juil 2011 - 5:22, édité 1 fois
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
sauf que là c'est l'index_body que vous venez de me mettre...
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Oupss, c'est modifié ! ^^'
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Essayez cet index_box :
Cela vous va-t-il ?
- 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="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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><td colspan="3">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<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 width="100%" class="zoneforum">
<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">
<table width="100%"><tbody><tr><td width="50%">
</td>
<td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">Il y a {catrow.forumrow.POSTS} prières dans {catrow.forumrow.TOPICS} sections.
</td></tr></tbody></table>
<table><tr><td class="sep">
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</td><td class="sousfo">
<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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 -->
Cela vous va-t-il ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonsoir,
Ca ne fonctionne pas chez moi A force de faire des modifications, j'ai peut être fait une bêtise dans le CSS :S
Et sinon, je ne sais pas si ça a un rapport mais dans "hierarchie", j'ai sélectionné "Conserver les catégories sur l'index" > "moyen". Si je choisis de séparer les catégories, les titres de catégories disparaissent (ce sont des images).
Cordialement,
Elliot.
Ca ne fonctionne pas chez moi A force de faire des modifications, j'ai peut être fait une bêtise dans le CSS :S
- Code:
XX
Et sinon, je ne sais pas si ça a un rapport mais dans "hierarchie", j'ai sélectionné "Conserver les catégories sur l'index" > "moyen". Si je choisis de séparer les catégories, les titres de catégories disparaissent (ce sont des images).
Cordialement,
Elliot.
Dernière édition par Elliot. le Dim 17 Juil 2011 - 4:50, édité 1 fois
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Je n'ai pas de soucis particulier ^^ Quelle genre de séparation voudriez vous alors ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonjour,
Erreur de ma part, ça fonctionne bien ! (il fallait que j'enlève quelques valeurs dans "image et couleurs" qui interféraient ). Comment puis-je agrandir un peu plus l'écart entre les forums ? Merci infiniment =)
Elliot.
Erreur de ma part, ça fonctionne bien ! (il fallait que j'enlève quelques valeurs dans "image et couleurs" qui interféraient ). Comment puis-je agrandir un peu plus l'écart entre les forums ? Merci infiniment =)
Elliot.
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Re: Modifier les colonnes
Repérez ceci :
et changez le ainsi :
changez le 15 par la taille voulue.
Cordialement.
- Code:
</table></td>
</tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END forumrow -->
et changez le ainsi :
- Code:
</table></td>
</tr><tr><td><div style="height : 15px;"> </div></td></tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END forumrow -->
changez le 15 par la taille voulue.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Mercii, c'est exactement ce que je recherchais =)
J'ai modifié l'icone du sujet en 'résolu'.
Encore merci pour votre aide précieuse, bon week end !
Cordialement,
Elliot.
J'ai modifié l'icone du sujet en 'résolu'.
Encore merci pour votre aide précieuse, bon week end !
Cordialement,
Elliot.
Elliot.- **
- Messages : 51
Inscrit(e) le : 20/06/2011
Sujets similaires
» Modifier les colonnes
» modifier les largeurs des colonnes (invision)
» Modifier le nom des colonnes "Sujets","Messages" et "Derniers messages"
» Modifier colonnes auteurs de la liste des sujets
» ModernBB | Modifier couleurs titres colonnes widgets
» modifier les largeurs des colonnes (invision)
» Modifier le nom des colonnes "Sujets","Messages" et "Derniers messages"
» Modifier colonnes auteurs de la liste des sujets
» ModernBB | Modifier couleurs titres colonnes widgets
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