En tête de tableau - Catégories

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

Résolu En tête de tableau - Catégories

Message par Happi le Mar 9 Aoû 2011 - 22:33

Bonsoir ! vous demande de l'aide parce que je n'y arrive vraiment pas !

J'ai réussi à obtenir ceci :



et je voudrais que ce soit comme ça :



Donc que le titre de ma catégorie soit sur mon image et supprimer le cadre de la partie qui servait de

titre de catégorie.

J'ai déjà trouver un code pour supprimer le grand rectangle que j'ai entouré sauf qu'il me

retire aussi le nom de ma catégorie Confused

Je ne peux pas non plus mettre directement le nom de ma catégorie sur l'image qui se trouve au dessus du tableau car ce sera la même pour toute les catégories

Merci de votre aide !


voici mon Index_box :

Code:
<table width="100%" border="0" cellspacing="0" 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 --><img

src="http://i1181.photobucket.com/albums/x434/H-appiness/debut.png" height="127" width="986"

/><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" 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="{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="cadre1" 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></tr><tr><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">
            <!-- 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">
      
<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="http://i1181.photobucket.com/albums/x434/H-appiness/fin.png" alt="" height="128"

width="997" /><!-- END tablefoot --><!-- END catrow -->


Dernière édition par Happi le Dim 14 Aoû 2011 - 16:05, édité 2 fois

Happi
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 16/02/2011

http://apple-red.tonempire.com
Happi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En tête de tableau - Catégories

Message par tupac le Mer 10 Aoû 2011 - 1:57

Bonsoir

Pourrions nous avoir l'image du titre catégorie que vous souhaitez placer et le css associé a votre template svp?


tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: En tête de tableau - Catégories

Message par Happi le Mer 10 Aoû 2011 - 23:05

voilà l'image :



et voilà le CSS :


Code:
.description{
width:500px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px;
border: 2px solid #000000;}



a.forumlink {
color : darkred!important;}

.forumline{border: 5px bottom #767848;-webkit-border-radius: 0px 0px 5px 5px #767848;-webkit-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;}


    a {font-variant: small-caps;}
    .forumline{}
    .bodyline {-moz-border-radius:40px;}

Happi
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 16/02/2011

http://apple-red.tonempire.com
Happi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En tête de tableau - Catégories

Message par Happi le Ven 12 Aoû 2011 - 17:21

Up

Happi
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 16/02/2011

http://apple-red.tonempire.com
Happi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En tête de tableau - Catégories

Message par tupac le Dim 14 Aoû 2011 - 2:16

Bonsoir

Bon ça devrait fonctionner.

Remplace ton template index_box par celui-la.
Spoiler:
Code:
    <table width="100%" border="0" cellspacing="0" 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="img_haut"> {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="cadre1" 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></tr>
              <tr><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">
                <!-- 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">
         
    <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>
              <div class="img_bas"> </div>

                <!-- END tablefoot --><!-- END catrow -->

puis dans la feuille de style place ceci.
Spoiler:
Code:
.img_haut{
background: url(http://i1181.photobucket.com/albums/x434/H-appiness/debut-1.png)
width: 998px;
height: 128px;
}

.img_bas{
background: url(http://hariboow.free.fr/upload/images/fin2.png)
width: 998px;
height: 128px;
}

.titre_1er_cat{
margin-top: 60px;
margin-left: 400px;
position: absolute;
}



et pour finir pour l'image qui sera sur l'entête de catégorie place ceci dans le titre de catégorie.
Code:
<div class="titre_1er_cat"><img src="http://hariboow.free.fr/upload/images/zdhih.png"></div>
puis tu répètes l'action pour l'image de ta deuxième catégorie.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: En tête de tableau - Catégories

Message par Happi le Dim 14 Aoû 2011 - 15:26

merci beaucoup !
J'ai le résultat que j'attendais mais du coup ma colonne des derniers messages et toute petite :/



et encore plus quand il n'y a pas encore de message : http://apple-red.tonempire.com/

Happi
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 16/02/2011

http://apple-red.tonempire.com
Happi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En tête de tableau - Catégories

Message par SoraNoHime le Dim 14 Aoû 2011 - 15:37

Bonjour

repérez ceci :

Code:
<td class="row3 over" align="center" valign="middle" height="50">
       
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td>

et changez le ainsi :
Code:
<td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
       
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </div></td>

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En tête de tableau - Catégories

Message par Happi le Dim 14 Aoû 2011 - 16:04

Mercii !! Problème résolut Smile

Happi
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 16/02/2011

http://apple-red.tonempire.com
Happi 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