Les categories

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

Résolu Les categories

Message par DREAM.ARTS le Lun 16 Juil 2012 - 23:45

Voilà, j'ai cherché pendant un long moment mais je n'ai rien trouvé qui était a mon gout ou tout simplement rien trouvé que j'ai compris clairement !!
Voilà ce à quoi je veux arriver :
Spoiler:

Si vous pouviez me donner les codages ou même me rediriger vers un autre tuto du même style comprehensible !!

Merci d'avance Smile


Dernière édition par DREAM.ARTS le Lun 23 Juil 2012 - 14:31, édité 1 fois

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les categories

Message par DREAM.ARTS le Mar 17 Juil 2012 - 10:13

Petit UP!

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les categories

Message par DREAM.ARTS le Mer 18 Juil 2012 - 11:29

up !

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Les categories

Message par Invité le Lun 23 Juil 2012 - 14:27

Bonjour,

Je suis arrivée à un truc assez proche avec ceci:

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 --><table class="forumlineind" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th  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="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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <div class="iconeind" 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}" />
      </div>   
                  <table class="descind" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="titreind"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
                          </h{catrow.forumrow.LEVEL}></div></td></tr>
                          <tr>
                            <td>
         <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>
                          </tr>
                  </table>
      <div class="statsind" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS} sujets.
                  <br />
         {catrow.forumrow.POSTS} messages.
                          <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 -->

CSS:
Code:
.iconeind{
position: relative;
text-align: left;
left: 90px;
top: 15px;}

.titreind{
border: 1px solid black;
border-top: 0;
border-radius: 11px;
margin-left: 20px;
width: 300px;
text-align: center;}

.descind{
border: 1px solid black;
background: white;
width: 750px;
margin: auto;}

.statsind{
position: relative;
top: -45px;
left: 800px;
width: 100px;
height: 100px;
padding: 10px;
border: 1px solid black;
border-radius: 70px;
background: white;}

th.secondarytitle{
background: none;}

.secondarytitle h2{
border: 1px solid black;
border-radius: 11px;
padding: 5px;}

Pour résumer, j'ai supprimé les colonnes en trop, j'ai créé 2 div autour d'un tableau et j'ai positionné le tout avec du CSS ... mais ça n'est pas parfait Wink à creuser encore pour améliorer l'apparence.

Bien sincèrement.

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