Regrouper Sujet, Messages et Derniers Messages
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
Regrouper Sujet, Messages et Derniers Messages
Bonjour, je suis en pleine création de mon forum. Que vous trouverez ici. ici
Grâce à plusieurs tutoriel j'ai pu changé ce que je voulais or là j'aimerais regrouper si possible bien sûr Sujet, Messages, Derniers messages. Comme ceci
Les angles un peu moins ronds m'enfin ça je peux le modifié sur mes codes CSS.
J'ai touché à trois templates: Index_body, Index_box et Viewtopic_body afin de pouvoir modifié mes cellules principales, l'avatar et je crois que c'est tout!
Ma fiche css ressemble à ça
Pourriez vous donc m'aider? J'ai cherché pendant près de deux heures, j'espère simplement qu'un sujet ne m'est pas glissé des yeux. ^^
Merci d'avance
Grâce à plusieurs tutoriel j'ai pu changé ce que je voulais or là j'aimerais regrouper si possible bien sûr Sujet, Messages, Derniers messages. Comme ceci
- Spoiler:
Les angles un peu moins ronds m'enfin ça je peux le modifié sur mes codes CSS.
J'ai touché à trois templates: Index_body, Index_box et Viewtopic_body afin de pouvoir modifié mes cellules principales, l'avatar et je crois que c'est tout!
Ma fiche css ressemble à ça
- Code:
.catcadre {
background-color : #89725B;
padding 10px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}
.secondarytitle {
-khtml-border-radius-topleft: 20px;
-khtml-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width : 350px;
margin-left : 20px;
background-color :#B7CA79;
height : 20px
}
.secondarytitle h2 {
margin-left : 40px;
margin-top : 20px;
}
td.catHead, th.thHead {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
.qeel {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
#le_tableau{
color:#000000;
font-size: 12px;
font-family: Arial;
background-color: #B7CA79;
border: 3px solid #89725B;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}
.text_imag{
color: #EFECCA;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 50px;
font-weight: bold;
}
.style_cellule{
background-color: #89725B;
border: 3px solid #78A419;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #89725B;
background-color: #89725B;
border: 3px solid #78A419;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #89725B;
background-color: #89725B;
border: 3px solid #78A419;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #EFECCA;
border-bottom: 2px dotted #F4FF3A;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background: url(http://www.castorama.fr/images/products/i/i_717044.jpg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #78A419;
color: #89725B;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #B7CA79;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #D9EFF5;
border: 2px solid #78A419;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
/* fin infobulle */
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.infobulle span{
position: absolute;
background-color: #ADCF4F;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #FF5900}
.avat {
border : 10px solid #89725B;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}
Pourriez vous donc m'aider? J'ai cherché pendant près de deux heures, j'espère simplement qu'un sujet ne m'est pas glissé des yeux. ^^
Merci d'avance
Dernière édition par Amacky le Lun 17 Sep 2012 - 22:49, édité 1 fois
Re: Regrouper Sujet, Messages et Derniers Messages
Bonsoir,
Pour commencer, je vous invite à suivre ce tuto => https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages#2348647
A partir de là, vous devriez pouvoir y arriver.
Par la suite, si vous n'arrivez pas au résultat désiré, pourriez vous donner le code de votre index box ?
Cordialement.
Pour commencer, je vous invite à suivre ce tuto => https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages#2348647
A partir de là, vous devriez pouvoir y arriver.
Par la suite, si vous n'arrivez pas au résultat désiré, pourriez vous donner le code de votre index box ?
Cordialement.
Re: Regrouper Sujet, Messages et Derniers Messages
Avant toute chose merci bien pour cette réponse rapide.
Voilà j'ai fait ce que vous m'aviez dit. Cela à bien regroupé Sujet et message et mit dans une seule cellule dernier message.
Maintenant serait-t-il possible de regroupé tous comme sur l'image ci-dessus.
Mon index_box ressemble à ça:
Voilà j'ai fait ce que vous m'aviez dit. Cela à bien regroupé Sujet et message et mit dans une seule cellule dernier message.
Maintenant serait-t-il possible de regroupé tous comme sur l'image ci-dessus.
Mon index_box ressemble à ça:
- 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 --><div class="secondarytitle">{catrow.tablehead.L_FORUM}</div><table class="catcadre" width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"> </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>
<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>
</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: Regrouper Sujet, Messages et Derniers Messages
Bonsoir,
Il suffit de repérer cette ligne:
De repérer la variable permettant l'affichage des derniers sujets:
Vous la placez juste au dessus de la variable, un petit br juste après histoire d'espacer.
Puis vous placez le tout dans une div avec une class renvoyant au css.
Et le css:
Le template index box:
Cordialement.
Il suffit de repérer cette ligne:
- Code:
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
De repérer la variable permettant l'affichage des derniers sujets:
- Code:
{catrow.forumrow.LAST_POST}
Vous la placez juste au dessus de la variable, un petit br juste après histoire d'espacer.
Puis vous placez le tout dans une div avec une class renvoyant au css.
- Code:
<div class="contourdm"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br />{catrow.forumrow.LAST_POST}</span>
</div>
Et le css:
- Code:
.contourdm {
border: 5px solid #AAAAAA;
background-color: #EEEEEE;
}
Le template index box:
- 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 --><div class="secondarytitle">{catrow.tablehead.L_FORUM}</div><table class="catcadre" width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%"> </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></td></tr></tbody></table>
<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">
<div class="contourdm"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br />{catrow.forumrow.LAST_POST}</span>
</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 -->
Cordialement.
Re: Regrouper Sujet, Messages et Derniers Messages
Merci! C'est exactement ça que je voulais. Encore merci merci pour ces informations!
Je mets le sujet résolut de suite. Merci pour tout!
Je mets le sujet résolut de suite. Merci pour tout!
Sujets similaires
» Regrouper les informations sujets/messages dans la colonne "derniers messages"
» Changer la couleur de la barre "Forum - Sujet - Messages - Derniers Messages"
» Mettre "Sujet" "Messages" "Derniers Messages" sur chaques catégories
» Cases sujet, messages et derniers messages centré
» Sujet tronqué et derniers messages inaccessibles ?
» Changer la couleur de la barre "Forum - Sujet - Messages - Derniers Messages"
» Mettre "Sujet" "Messages" "Derniers Messages" sur chaques catégories
» Cases sujet, messages et derniers messages centré
» Sujet tronqué et derniers messages inaccessibles ?
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