Image en cadre de catégorie

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

Résolu Image en cadre de catégorie

Message par Vicsius le Mar 5 Juil 2011 - 20:00

Bonjour/Bonsoir après avoir retravaillé mon template index_box, j'ai cherché à metre un cadre de catégorie voyez plutôt ce que je veux dire (les cadre orange à bordure noires) sur ce screen et je n'es pas trouvé comment lui ajouter un centre, pourriez-vous m'aider ???

Voici mon template index_box modifié:

Spoiler:
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 -->
<center><img src="http://img11.hostingpics.net/pics/918351hautcatgorie.png" height="153" width="800" /></center>
<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>
<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="50" />
</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">
<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}>
<div class="intercat">
<span class="genmed forumdesc">{catrow.forumrow.FORUM_DESC}</span>
</div>
<span class="forumforums">{catrow.forumrow.LINKS}</span>
</td>
<td class="row3 over" align="center" valign="center" height="185">
<span class="foruminfo">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets.</span>
<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>
<center><img src="http://img11.hostingpics.net/pics/930566bascatgorie.png" alt="" height="153" width="800" /></center>
<!-- END tablefoot --><!-- END catrow -->

et je n'es rien dans mon CSS qui si associe.

PS: j'aimerais aussi au passage avoir un écard entre chaque cadre (ici il se touche si vous regardez bien le bas de mon image).

Merci à vous.


Dernière édition par Vicsius le Sam 9 Juil 2011 - 21:29, édité 1 fois

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en cadre de catégorie

Message par Horatio le Ven 8 Juil 2011 - 0:15

Bonsoir,
Que voulez vous dire par centre ? Centrer l'image ?
Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en cadre de catégorie

Message par Vicsius le Ven 8 Juil 2011 - 13:05

Non, pas la centrer, mais y mettre une image pour que les cadre haut et bas se touche, celle-ci se répèterais suivant le nmb de catégorie que j'aurais à l'intérieur.

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en cadre de catégorie

Message par Horatio le Ven 8 Juil 2011 - 13:44

Si j'ai bien compris vous voulez que l'image de fond des catégories se répètent ?

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 -->
    <table class="catfond" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <th colspan="3" 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 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 colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td 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 colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <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}>
                  <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 -->
                    <table width="100%"><tr><td>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td></tr></table>
                </span>
              </td>
              <!-- BEGIN forum_link_no -->
              <td align="center" valign="middle" height="50" witdh="50">
        <div class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</div><br>
                <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
              </td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
       

          <td align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td 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 -->

Puis placez ceci dans votre css :
Code:
.catfond {
background-image: url('lien de votre image');
background-repeat:repeat;
background-position:top center;
height: hauteur de votre imagepx;
width: largeur de votre imagepx;}

Et ajustez en fonction de votre image.
Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en cadre de catégorie

Message par Vicsius le Sam 9 Juil 2011 - 21:29

J'ai trouvé une alternative (balises div bien placée Wink ) mais je vous remercie de voter aide et du temps passé à me répondre.

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius 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