titre des forums au-dessus du tableau.

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

Résolu titre des forums au-dessus du tableau.

Message par Invité le Ven 22 Avr 2011 - 13:29

Bonjour à tous.
Tout d'abord merci aux personnes qui prendront le temps de résoudre mon problème. ^^

Voici l'adresse de mon forum : http://forumtestmady.forumgratuit.org/
Le CSS et certains templates ont été modifiés. Ma version est phpBB2.

Hier, j'ai fait le tour du forum pour trouver une solution mais je n'ai rien trouvé. Je n'ai peut-être pas assez bien chercher.
Ce que j'aimerais c'est mettre le titre de chaque forum au-dessus de l'icône pour les nouveaux messages, de la description des forums ainsi que des derniers message. J'ai bien tenté quelque chose dans les template. Mais voyez ce que ça donne sur mon forum. Ce n'est pas du tout l'effet recherché.

Voila mon template de l'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}

         {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 --><div class="categorie">{catrow.tablehead.L_FORUM}</div>
<center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead --><tr>

         <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}></tr>
   <!-- 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">
         <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 style="width:150px;"><span class="gensmall">{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></center><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je vous montre tout de même l'effet recherché :
Spoiler:

Encore merci pour vos prochaines réponse.
Cordialement.


Dernière édition par poofpie le Ven 29 Avr 2011 - 20:51, édité 1 fois

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Anzu le Ven 22 Avr 2011 - 14:21

Bonjour,

Il me faudrait également votre css Smile

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: titre des forums au-dessus du tableau.

Message par Invité le Ven 22 Avr 2011 - 14:24

merci de prendre le temps de m'aider, anzu. eoe
voici le css :

Code:
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

a
{
outline: none;
}


body {
background-color: #cac8bd;
background-repeat: no-repeat;
background-position: top;
}

.bodyline {
-moz-box-shadow: 0px 0px 10px #64635d;
  box-shadow: 0px 0px 10px #64635d;
-webkit-box-shadow: 0px 0px 10px #64635d;
padding: 0px;
}

.bodylinewidth {
margin-top: -10px;
}

a.mainmenu img{
display: none; 
}

a.mainmenu {
font-family: courier new;
font-variant: small-caps ;
font-size: 19px;
color :#70402f;
letter-spacing:-1px;
}

a.mainmenu:hover {
font-family: courier new;
font-size: 19px;
font-variant: small-caps ;
color :#bdbcb2;
font-weight: bold;
letter-spacing:-1px;
}

.categorie {
background-color: #E1E0D5;
-moz-border-radius-topleft: 50px;
      -moz-border-radius-topright: 50px;
      -moz-border-radius-bottomleft:50px;
      -moz-border-radius-bottomright: 50px;
      -webkit-border-radius-top-left: 50px;
      -webkit-border-radius-top-right: 50px;
      -webkit-border-radius-bottom-left: 50px;
      -webkit-border-radius-bottom-right: 50px;
border-right: 5px #d0cfc4 solid;
border-left: 5px #d0cfc4 solid;
border-top: 1px #E1E0D5 solid;
border-bottom: 1px #d0cfc4 solid;
width:300px;
position:relative; bottom:-35px;
margin-bottom: 0px;
margin-top: 10px;
margin-left:250px;
text-align: center;
font-family: courier new;
font-variant: small-caps ;
font-size :60px;
color :#70402f;
font-weight: bold;
letter-spacing:-1px;
}

td.row1
{background-color: #dadace;}
td.row3
{background-color: #dadace;}

.forumline{
padding:5px;
padding-top:40px;
}

a.forumlink{
background-color: #d0cfc4;
font-family:courier new;padding-left:10px;
margin-bottom:-13px;
color:#5b5e6d;font-size:16px;
display:block;text-align:left;font-variant: small-caps ;
letter-spacing:-1px;}

a.forumlink:hover{
font-family:arial;padding-left:10px;
margin-bottom:-13px;
color:#a9b5b6;font-size:16px;
text-shadow:  2px #ffffff; /*ombre sur le texte*/
display:block;text-align:left;font-variant: small-caps ;
font-weight:bold;letter-spacing:-1px;}

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Sam 23 Avr 2011 - 16:02

petit up. eoe

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Anzu le Sam 23 Avr 2011 - 16:09

Bonjour,

Désolée pour le retard, je vous avais oublié Razz

Voici le template modifié:

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 --><div class="categorie">{catrow.tablehead.L_FORUM}</div>
    <center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- END tablehead --><tr><td colspan="3">

            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink" style="padding-left: 15px;">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}></td></tr><tr><td height="10px" colspan="3"></td></tr>
      <!-- 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">
            <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 style="width:150px;"><span class="gensmall">{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></center><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

La modification a été faite ici:

Code:
<tr><td colspan="3">

            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink" style="padding-left: 15px;">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>

J'ai mis un td avec un colspan de 3 et j'ai placé les variables dans le td.

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: titre des forums au-dessus du tableau.

Message par Invité le Sam 23 Avr 2011 - 16:36

Je m'en doutais. D'où mon petit up. xD
J'ai donc modifié mon template. C'est exactement ce que je voulais. Alors je vous remercie déjà pour ça. (:
Néanmoins, un problème persiste : je n'ai que le titre du premier forum de chaque catégorie. x.x Je vous laisse voir sur le forum → http://forumtestmady.forumgratuit.org/

Cordialement.

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Dim 24 Avr 2011 - 23:38

je refais un petit up puisque un petit problème persiste toujours. Le problème est expliquer dans mon post, juste au-dessus. eoe

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Mar 26 Avr 2011 - 14:06

up o/

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Mer 27 Avr 2011 - 14:20

up. (:

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Jeu 28 Avr 2011 - 15:25

up o/

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Invité le Ven 29 Avr 2011 - 19:26

up. (:

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Anzu le Ven 29 Avr 2011 - 19:35

Bonsoir,

Désolée je n'avais pas vu les UP > <
Le problème vient du template, je vais regarder.

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: titre des forums au-dessus du tableau.

Message par Invité le Ven 29 Avr 2011 - 19:46

bonsoir. (:
vous inquiétez pas. avec tout le peuple sur le forum, je comprend. n.n
merci beaucoup.
cordialement. (:

Invité
Invité


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

Résolu Re: titre des forums au-dessus du tableau.

Message par Anzu le Ven 29 Avr 2011 - 20:48


Voilà, remplacez votre index box par celui ci:

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 --><div class="categorie">{catrow.tablehead.L_FORUM}</div>
        <center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- END tablehead -->


          <!-- BEGIN forumrow -->
<tr><td colspan="3">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink" style="padding-left: 15px;">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr><tr><td height="10px" colspan="3"></td></tr>
              <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">
                <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 style="width:150px;"><span class="gensmall">{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></center><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: titre des forums au-dessus du tableau.

Message par Invité le Ven 29 Avr 2011 - 20:50

super, le problème est résolu.
merci beaucoup pour votre aide. ♥

Invité
Invité


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