Regrouper Sujet, Messages et Derniers Messages

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Regrouper Sujet, Messages et Derniers Messages

Message par Amacky le Dim 16 Sep 2012 - 16:03

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

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

Amacky
**

Messages : 92
Inscrit(e) le : 16/09/2012

http://institut-de-medicis.forumactif.org/
Amacky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Regrouper Sujet, Messages et Derniers Messages

Message par Anzu le Dim 16 Sep 2012 - 20:46

Bonsoir,

Pour commencer, je vous invite à suivre ce tuto => http://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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Regrouper Sujet, Messages et Derniers Messages

Message par Amacky le Dim 16 Sep 2012 - 21:04

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:

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 -->

Amacky
**

Messages : 92
Inscrit(e) le : 16/09/2012

http://institut-de-medicis.forumactif.org/
Amacky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Regrouper Sujet, Messages et Derniers Messages

Message par Anzu le Lun 17 Sep 2012 - 18:28

Bonsoir,

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Regrouper Sujet, Messages et Derniers Messages

Message par Amacky le Lun 17 Sep 2012 - 22:48

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!

Amacky
**

Messages : 92
Inscrit(e) le : 16/09/2012

http://institut-de-medicis.forumactif.org/
Amacky a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum