Image en titre de catégorie

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

Résolu Image en titre de catégorie

Message par TShadows le Ven 6 Juil 2012 - 15:59

Bonjour/Bonsoir
et d'or et déjà merci d'étudier ma question! Very Happy

Je suis toujours entrain de changer le design de mon forum!! enfin c'est un forum de test! mais c'est pour au final l'appliquer sur un autre forum! bref!!
Je souhaiterais mettre une image a la place de titre de ma catégorie! j'ai cherché et ai essayé plusieurs chose! Mais au final je me retrouve avec ce qu'il y a actuellement:

http://shadowstest.forumgratuit.org/

Alors que je souhaiterais donc un titre qui est au dessus de la catégorie du forum concerné et centré, incluant donc la suppression de dernier message, jusqu'ici a droit du titre de la catégorie! j'ai graphé une image pour expliquer le rendu que je souhaiterais avoir.

Spoiler:

Je me doute que la question a du déjà être posé, mais je n'ai pas trouvé le sujet désolé! j'aimerais donc avoir une image centré a la place de chaque titre de catégorie!

Tout ce que j'ai fais pour le moment c'est mettre :

Code:
<img src="http://i49.servimg.com/u/f49/16/49/88/20/titre_11.png" style=display:none /><span class=txt-title>Introducing</span>

à la place du titre de la catégorie

et ça dans les css:

Code:
th.secondarytitle h2 img { display: inline!important; }
th.secondarytitle h2 .txt-title { display: none; }

pour éviter d'avoir l'image tout le temps, mais uniquement sur la page d'accueil.

Merci beaucoup ♥
Bonne journée/Bonne soirée

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par TShadows le Sam 7 Juil 2012 - 17:33

petit up ♥
merc

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par TShadows le Dim 8 Juil 2012 - 13:12

up again ♥

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par Alliwee le Dim 8 Juil 2012 - 16:07

Pour cela, il me faudrait ton index_box. Puisque apparemment il est modifié. -Je ne me trompe pas ?- Je ne pourrais pas t'aider sans. :3

Alliwee
***

Féminin
Messages : 127
Inscrit(e) le : 11/04/2012

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

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

Message par TShadows le Dim 8 Juil 2012 - 18:28

Tout d'abord merci d'avoir répondu Very Happy

effectivement mon index box est modifié, le voici

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="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="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">
         <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}>
         <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><br><br><div style=";display:block;font-size: 11px;margin-top:-5px; padding 2px; background-color: #6e4355; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; width:140px"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> récits</span><br/><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 -->

merci beaucoup de prendre le temps de me répondre Smile

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par Alliwee le Dim 8 Juil 2012 - 19:19

Alour.
Voici ton template index_box 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}<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="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="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><br />
                    </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 -->
                    {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><br><br><div style=";display:block;font-size: 11px;margin-top:-5px; padding 2px; background-color: #6e4355; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; width:140px"><span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> récits</span><br/><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 -->

Ça a été très léger, j'ai juste enlevé l’annotation "dernier message" à coté de ton titre de categorie.

Puis, pour enlever la couleur violette que tu à, normalement va dans PA>Affichage>couleur et tu, soit, supprimes les couleur de "Couleur Fond En-tête Catégorie" soit, remplaces la couleur en place par la couleur voulu. Smile
En espérant que ça t'aide et que je n'ai pas fait d'erreur, n'hésite pas à signaler si tu as un problème ! Smile

Alliwee
***

Féminin
Messages : 127
Inscrit(e) le : 11/04/2012

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

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

Message par TShadows le Dim 8 Juil 2012 - 20:26

merci! mais malheureusement ça ne donne pas du tout le résultat voulu!!!
je souhaiterais que mon titre de catégorie, ne soit en fait pas dans le cadre!! j'ai apporter les modif que tu m'as donné, elle sont toujours sur le forum!
Et comme tu peux vois ça n'a pas du tout le même rendu que su mon montage graphique!! Je souhaiterais que le titre soit centré, et donc au dessus du cadre pas à l'intérieure!!
Je sais que c'est possible, je l'ais déjà vu sur un forum^^ Mais je ne sais pas du tout comment faire^^

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par Alliwee le Dim 8 Juil 2012 - 20:31

Si cela ne te dérange, pas peux tu me faire un sceen de ce que ça donne avec les modif que je t'ai donné Smile .. Ça m'aidera a réparer mes erreurs :3
Je suis vraiment désolé le l'imprécision c'est une de mes première fois que je me tente dans l'aide au autre du coté codage (a)

Alliwee
***

Féminin
Messages : 127
Inscrit(e) le : 11/04/2012

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

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

Message par TShadows le Lun 9 Juil 2012 - 7:32

Pour voir les modif!! tu peux aller directement sur mon forum!! ce sera plus précis qu'un screen: http://shadowstest.forumgratuit.org/
Mais voici un screen quand même:
Spoiler:

je te remet en dessous l'effet voulu:
Spoiler:

Ce n'est pas grave si c'est une première fois: il faut un début a tout je comprend ne t'inquiète pas^^ et merci encore d'essayer de m'aider ♥

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité le Mer 11 Juil 2012 - 12:55

Bonjour,

Essayez en remplaçant ceci:
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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 -->
par:
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
De cette manière, les titre se retrouvent dans un tableau au dessus du tableau d'origine.

Ensuite placez l'image des titres de vos catégorie dans PA > General> Catégorie et forum, titre de la catégorie à l'aide de ce code:
Code:
<center><img src="URL de l'image" /></center>
Bien sincèrement.

Invité
Invité


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

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

Message par TShadows le Lun 16 Juil 2012 - 13:26

Merci beaucoup! c'est parfait, ça donne exactement ce que je voulais!

Par contre, je ne peux pas éditer mon premier post :s Je ne sais pas pourquoi! du cou je ne peux pas le mettre en résolu :s

TShadows
Nouveau membre

Messages : 27
Inscrit(e) le : 30/01/2012

http://twilight-shadows.forumtwilight.com/
TShadows 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