Cadre blanc autour des catégories

2 participants

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

Résolu Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 13:49

Bonjour ♥

Alors voilà, ma question est simple : Comment fait-on ça : https://2img.net/r/hpimg4/pics/323875Sanstitre.png . Je parle du cadre blanc qui entoure TOUTE la catégorie.

Si quelqu'un sait, je lui construit un temple, je cherche ça depuis tellement longtemps Flowers2

Merci d'avance et bonne journée à vous :thanks:


Dernière édition par Liloo_59 le Jeu 23 Juin 2011 - 14:03, édité 1 fois
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 13:55

Bonjour.

C'est simple, il suffit de faire une modification de template.

Êtes vous en phpbb2, et êtes vous fondateur/fondatrice de votre forum ?

Si oui, avec-vous déjà modifié votre template index_box ?
Si oui pouvez vous le poster ici entre deux balises code ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 14:02

Déjà merci beaucoup pour cette réponse rapide, ça fait toujours plaisir Smile

Je me doutais bien qu'il s'agissait de templates jutement et oui je suis fondatrice et mon forum est bien un phpbb2.
Je vous met donc mon template index_box qui est déjà modifié oui.

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="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></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" id="subforums">
  <!-- 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>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ϟ ')).removeAttr('id');
</script>
      </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 -->
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 14:17

Vous voulez enlever les titres "sujet" et "dernier message" ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 14:20

Non, pas spécialement, mais si ça vous arrange, peu importe ^^.
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 14:38

J'ai préféré l'enlever, c'était plus simple.

C'est un truc dans ce genre-là que vous voulez ? forum de test de lixyr


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 14:40

C'est parfait ♥ c'est exactement ça.
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 14:44

D'accord. Alors je vous envoie le template :

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


<table width="100%" cellspacing="20" cellpadding="10" class="cadreblanc"><tr><td width="80%">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall" id="subforums">
      <!-- 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>
    <script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ϟ ')).removeAttr('id');
    </script>
</td><td width="20%" class="cadrebeige">
         
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>

</td></tr></table>

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


ainsi que le css qui va avec :

Code:
.cadreblanc {border:1px solid #666;
background-color:#fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;border-radius:8px;
-moz-box-shadow:1px 1px 5px #666;-webkit-box-shadow:1px 1px 5px #666;box-shadow:1px 1px 5px #666;}

.cadrebeige {border:1px solid #666;
background-color:palegoldenrod;
-moz-border-radius:8px;
-webkit-border-radius:8px;border-radius:8px;
-moz-box-shadow:1px 1px 5px #666;-webkit-box-shadow:1px 1px 5px #666;box-shadow:1px 1px 5px #666;}

Si vous avez des problèmes avec le code, ou que vous voulez modifier certaines petites choses, comme la taille, les couleurs etc n'hésitez pas. Également si vous voulez que je vous explique le codage du template.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 14:51

D'accord, merci encore, j'essaye ça et je reviens avec mes questions ^^
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 14:52

D'accord. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 15:40

Me revoilà (a)
Alors je pense que j'ai bien compris, j'ai réussi à changer ce que je voulais et à modifié légèrement mon template pour la taille, donc ça va le faire je pense.

Par contre je veux bien l'explication, autant que je sache le faire au lieu de bêtement copier Wink
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 16:49

Okay, donc d'une part j'ai retiré les titres :

Code:
  <tr>
     
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>

ce qui me faisait une ligne problématique en moins.

Ensuite, j'ai séparé les cellules en deux table, pour pouvoir avoir mon contour et ma couleur de fond sur les catégories :

1ère table (la votre) :

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

deuxième table :


<table width="100%" cellspacing="20" cellpadding="10" class="cadreblanc"><tr><td width="80%">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall" id="subforums">
<!-- 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>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ϟ ')).removeAttr('id');
</script>
</td><td width="20%" class="cadrebeige">

<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

</td></tr></table>


il a fallut ensuite que je ferme la cellule :

</td><td width="20%" class="cadrebeige">

<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

</td></tr></table>

</td>
</tr>
<!-- END forumrow -->
puisque techniquement tout ce contenu était contenu dans une seule table composée de plusieurs cellules, nous n'avons plus ici que deux tables avec une ou deux cellules chacune.

Et voilà, ça nous fait une catégorie avec son cadre :

<table width="100%" cellspacing="20" cellpadding="10" class="cadreblanc">

cadreblanc étant la classe que l'on retrouve dans le css.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

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

Résolu Re: Cadre blanc autour des catégories

Message par Liloo_59 Jeu 23 Juin 2011 - 17:04

Et ben Oo, je referais tout ça un par un sur un autre fo pour comprendre, parce que là comme ça, je pige pas tout xD. Mais bon en pratiquant ça devrait le faire. En tout cas encore un grand merci à toi Bizz

résolu
Liloo_59

Liloo_59
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/02/2009

http://xmenrevolution.1fr1.net
Liloo_59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre blanc autour des catégories

Message par Lixyr Jeu 23 Juin 2011 - 17:14

Le tout c'est de bien gérer les histoire de table, tr, td, colspan etc. Les tableaux, quoi. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Cadre blanc autour des catégories 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Cadre blanc autour des catégories 3592387030 pour prévenir la modération.

Cadre blanc autour des catégories Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr 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