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

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 Ven 22 Avr 2011 - 14:21

Bonjour,

Il me faudrait également votre css Smile

Cordialement.
Anzu

Anzu
Membre actif

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

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

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

Message par Invité 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;}
Anonymous

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é Sam 23 Avr 2011 - 16:02

petit up. eoe
Anonymous

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

Anzu
Membre actif

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

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

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

Message par Invité 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.
Anonymous

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

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é Mar 26 Avr 2011 - 14:06

up o/
Anonymous

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é Mer 27 Avr 2011 - 14:20

up. (:
Anonymous

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é Jeu 28 Avr 2011 - 15:25

up o/
Anonymous

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é Ven 29 Avr 2011 - 19:26

up. (:
Anonymous

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

Anzu
Membre actif

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

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

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

Message par Invité 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. (:
Anonymous

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

Anzu
Membre actif

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

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

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

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

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

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

- Sujets similaires

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