Déplacer les "derniers messages" dans la description des catégories.

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

Résolu Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Dim 23 Fév 2014 - 17:33

Bonjour, ou plutôt bonsoir, vu l'heure Smile.
Je suis désolé d'en venir à poster un message.. J'ai essayé de trouver une réponse par moi-même, mais je ne l'ai pas trouvée, même après plus de trois jours d'essais. Enfin, j'ai voulu modifier mes catégories pour faire en sorte qu'il y ait une image à gauche, la description qui serait coupée en deux, avec un côté description, et l'autre avec les derniers messages, puis les images new/no new/lock. Comme je ne suis surement pas très claire -et vous m'en voyez désolé-, j'ai fais un schéma :
Spoiler:


Mon bloc "Derniers Messages" ne se place pas au bon endroit (dans la description) mais à aussi tendance à se séparer en plusieurs lignes (voir son cadre sur la capture d'écran). Voilà ce que ça me donne actuellement :
Spoiler:

Je suis la fondatrice de ce forum test qui est en phbb2.
Voici mon template modifié (index body) :
Code:

<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>
<br /><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr><td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <center> .<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>. </center>
      </td>
  </tr>
</table>
<br /><center><!-- BEGIN catrow --><!-- BEGIN tablehead --><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td><center><img src="http://i58.servimg.com/u/f58/17/54/68/75/thgh11.png"/></center></td></tr></table>
<table class="forumline" width="788px" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th colspan="3" 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="15%"><img src="{SPACER}" height="0" width="15%" /></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="left"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="15%" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img src="htpp:blabla.fr"></td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="top" width="85%" height="160px">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div style="position: relative; top:-20px;"><span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                  </span></div>
                          <div style="position: relative; top:-33px;"><div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div></div>
                          </h{catrow.forumrow.LEVEL}>
                            <div style="position: relative; top:-15px;"><table><tr><td style="width:340px;"><span class="genmed"><div id="description">{catrow.forumrow.FORUM_DESC}</div><div id="lastp"><right><tr style="width:140px;"><span class="dernier_message">{catrow.forumrow.LAST_POST}</span></tr></right></div></span></td>
           <!-- BEGIN switch_moderators_links -->
                            
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
 
                           <span id="subforums"><div class="forums-liens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
              <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'  ')).removeAttr('id');
                </script>
                          </span>
 
</td></tr></table></div></div>
                      
</td>
      <td class="row3 over" align="center" valign="middle" height="100">
<span classe="gensmall"><!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
          <div class="icone_tfa_cat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"  /></div>
    <!-- FIN ICONE NEW/NO-NEW/CLOS -->
                  </td>
  </tr>
<!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="15%"><img src="{SPACER}" height="0" width="15%" /></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="10" width="1" /><div style="height:50px;"> </div><!-- END tablefoot --><!-- END catrow --></center>

Et tout mon CCS :
Code:

/*boutons prévisualiser et envoyer */
.mainoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;}

.maintitle {
 text-align: center;
 margin-bottom: 30px;
  size: 25px;
  text-shadow: 3px 3px 2px black;}

.maintitle:hover {
 letter-spacing: 2px;
  size: 28px;}

.liteoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font-weight:bold !important;}
/**/
/*avatar dans la toolbar*/
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
/**/
/* DESCRIPTION CATÉGORIES */
.dernier_message{
 width: 150px;
  height: 90px;border:1px solid white;text-align:justify !important;
  color: #F74B78;}

#description {padding:10px;width:466px;height:95px;
background-position:0px 27px;box-shaddow:0px 0px 10px #F39991;
  background:#F39991;padding:5px;border-radius:25px;overflow:auto;
  margin-left:55x;margin-top:-30p;}

.dernier_message a{
  color: #F0CEAC;
  }

.dernier_message:hover a{
  color: #E5E3C2;
  }

a.forumlink{
  position: relative;
  font-size : 45px;
  font-family: 'Dr Sugiyama', cursive;
  text-shadow: 1px 1px 0px #F1E7EB;
  color: #FCFAF7;
  left:0px;
  bottom:10px;
}

.StatsForum{
  position:relative;
  font-size: 11px;
  letter-spacing: 6px;
  font-family: Times New Roman;
  color:midnightblue;
  left:0px;
  bottom:15px;
}

.forums-liens a {
color: #F0CEAC;
}
/**/
/*Mise en page*/
.catHead {border: none !important;display:none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}
.gensmall a{text-decoration:none !important;}

.Titre {  
  size: 18px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center;
color:black;
text-shadow: 2px 5px 3px grey;
letter-spacing: 2px;}

.postbody {text-align:justify;}

.nav {
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
color: black !important;
font-size: 12px;
text-align :center;}

.nav a:hover{text-decoration: none !important;}
.nav a{text-decoration: none !important;}
.nav:hover {text-decoration: underline overline;}

.secondarytitle {
  font-size: 15px;text-align:center;
 Letter-spacing:10px;margin-top:-55px;margin-left:30px;
  font-weight: bold;font-style:italic;}


.forumline {  
  border-radius: 25px;
  overflow: hidden;
  border-collapse: separate;
  box-shadow: 1px 1px 2px black;
border:2px solid black !important;}

.bodyline {
border-left: 5px solid gainsboro;
border:1px solid gainsboro;
border-top-radius : 10px;
border-bottom-radius : 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;}
 
.separator {border-bottom : 2px dotted #C02375 !important; }  
 
strong {
letter-spacing :2px;
font-weight:bold;
text-shadow:1px 1px 3px black;}

.code {
padding: 4px;
border: none;
border-left: 1px dashed black;
color:#42403F;
width: 250px;}

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title (
color: none !important;}

#chatbox_header .cattitle:before {
content: "C’est ici qu’on papote ! - " ;
}
.module-advert{
  display:none !important;)

Voilà, je n'ai pas modifiés d'autres templates, mais si vous avez besoin d'autre chose, n'hésitez pas à me le demander Smile.
Merci d'avance !

PS: Je me suis servie d'un code en libre-service.


Dernière édition par Songe Ephémère le Sam 1 Mar 2014 - 13:59, édité 1 fois

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Lun 24 Fév 2014 - 19:37

Up ~
En espérant ne pas m'être trompée de catégorie.

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Mar 25 Fév 2014 - 19:33

Up ~

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Mer 26 Fév 2014 - 18:20

Un up de plus ~

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Jeu 27 Fév 2014 - 18:00

Un autre ~

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Ven 28 Fév 2014 - 19:02

Up ~

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par MlleAlys le Ven 28 Fév 2014 - 23:43

bonsoir,
je regarde le code, mais il y a une chose que je ne comprends pas : où sont sensés apparaitre les modérateurs du forum, et la liste des sous-forums ?



Edit : J'ai corrigé une partie du code, pour l'instant ça me donne cela : http://form-test-mllealys.forumactif.org/



MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Sam 1 Mar 2014 - 9:05

Bonjour,
La liste des modérateurs ne doit pas apparaître, et normalement, les sous-forums sont dans le bloc central (de description).

Je ne sais pas comment vous avez fait, mais c'est exactement ça ! Pouvez-vous me dire ce qui ne marchait pas, sil vous plait Smile ?

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par MlleAlys le Sam 1 Mar 2014 - 12:20

Des erreurs dans la construction du tableau, je n'ai pas tout compris d'ailleurs, mais j'ai essayé de corriger en restant le plus proche possible du code donné, et le plus simple possible... Rappelez vous que toute balise ouverte doit être fermée, et qu'il le faut pas qu'elles se chevauchent Wink

Voilà le template :
Code:
<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>
<br />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <center>.<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>.</center>
        </td>
    </tr>
</table>
<br />
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <td>
            <center>
                <img src="http://i58.servimg.com/u/f58/17/54/68/75/thgh11.png" />
            </center>
        </td>
    </tr>
</table>
<table class="forumline" width="788px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <th colspan="3" 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="15%">
            <img src="{SPACER}" height="0" width="15%" />
        </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="left"></td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46">
            <img src="{SPACER}" height="0" width="15%" alt="." />
        </td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img src="htpp:blabla.fr" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="top" width="85%" height="160px">
            <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}>
            <div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div>
            <table class="desc">
                <tr>
                    <td style="width:340px;">
                        <div class="description genmed">{catrow.forumrow.FORUM_DESC}</div>
                        <!-- BEGIN switch_moderators_links -->
                        <div class="moderateurs gensmall">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                        <!-- END switch_moderators_links -->
                        <div class="forums-liens" id="sub-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    </td>
                    <td>
                        <div class="lastp gensmall">{catrow.forumrow.LAST_POST}</div>
                    </td>
                </tr>
            </table>
        </td>
        <td class="row3 over" align="center" valign="middle" height="100">
            <!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
            <div class="icone_tfa_cat">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </div>
            <!-- FIN ICONE NEW/NO-NEW/CLOS -->
        </td>
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="15%">
            <img src="{SPACER}" height="0" width="15%" />
        </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="10" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->

et voilà le css de la partie concernée, un peu modifié également :
Code:
/* DESCRIPTION CATÉGORIES */

.desc {
    width:466px;
    background-position:0px 27px;
    box-shadow:0px 0px 10px #F39991;
    background:#F39991;
    padding:5px;
    border-radius:25px;
    margin-bottom: 20px;
}
.lastp {
    width: 150px;
    height: 90px;
    border-left: 2px solid white;
    color: #F74B78;
    padding-left: 5px;
}
.dernier_message a {
    color: #F0CEAC;
}
.dernier_message:hover a {
    color: #E5E3C2;
}
a.forumlink {
    font-size : 45px;
    font-family:'Dr Sugiyama', cursive;
    text-shadow: 1px 1px 0px #F1E7EB;
    color: #FCFAF7;
}
.StatsForum {
    font-size: 11px;
    letter-spacing: 6px;
    font-family: Times New Roman;
    color:midnightblue;
}
.forums-liens a {
    color: #F0CEAC;
}
/**/

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer les "derniers messages" dans la description des catégories.

Message par Songe Ephémère le Sam 1 Mar 2014 - 14:00

Merci beaucoup, ça marche Smile

Songe Ephémère
*

Féminin
Messages : 46
Inscrit(e) le : 04/01/2013

http://alchimiesettests.forumactif.org/
Songe Ephémère 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