Titre des catégories imagées

Page 1 sur 2 1, 2  Suivant

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

Résolu Titre des catégories imagées

Message par Lunathiel le Lun 20 Déc 2010 - 15:28

Bonjour ou bonsoir

En parcourant les forums j'ai trouvé une idée magnifique



Le titre et l'image des catégorie n'as plus de cadre et est remplacé par une image

celle-ci dans mon exemple

http://img703.imageshack.us/img703/9109/barrecatgorie.png

Voila je cherche à créé la même chose pour mon forum.



Premièrement:


et ensuite mettre cette image au-dessus



Comme ceci



Il faudra aussi faire en sorte que le texte se mettre au milieu de l'image comme ici





Quelqu'un saurait-il m'aider? Comment dois-je modifier les templates ou le CSS de mon forum pour en arriver là?... Un grand merci à vous


Dernière édition par Lunathiel le Ven 28 Jan 2011 - 17:53, édité 1 fois

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par volle-terrienne le Lun 20 Déc 2010 - 17:46

J'ai ouvert un sujet pour la même question que toi ici : http://forum.forumactif.com/t292809-remplacer-le-titre-d-une-categorie-par-une-image

Je croise les doigts pour que nous ayons une réponse Wink

volle-terrienne
***

Féminin
Messages : 137
Inscrit(e) le : 07/05/2009

http://watch-for-house.forumactif.com/
volle-terrienne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Lunathiel le Sam 25 Déc 2010 - 10:50

Ma demande est toujours d'actualité

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par po le Lun 27 Déc 2010 - 17:21

+1
ça m'intéresse aussi, j'ai plus de cheveux à force de chercher une solution xD

po
****

Messages : 393
Inscrit(e) le : 16/12/2004

http://e-monsite.com/fr0zen
po a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Lun 27 Déc 2010 - 17:39

Bonsoir,

c'est un mess de Isolde , que j'avais noté et qui concerne les images dans les catégories

je ne l'ai pas testé , a vous de le faire lol!



la modification se fait via le template index_box.

Voilà le code =>
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
 width="100%" cellspacing="0px" cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

<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">
            <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 -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
        <!-- BEGIN forum_link_no -->
        <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
        </td>
        <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
 
      <td class="row3" colspan="3" 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 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></td></tr></table><img
 src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot
--><!-- END catrow -->

Les explications =>

J'ai supprimé ceci:

Code:

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

Et à la place j'ai mis ce tableau:

Code:
<table width="100%" cellspacing="0px"
cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

Dans la CSS =>

Code:
.fondtitres{
width: largeur de l'image en px;
height: hauteur de l'image en px;
text-align: center;
align: center;
background: url('lien de l'image') center;
background-repeat: no-repeat;
}

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Lunathiel le Sam 1 Jan 2011 - 11:23

ça commence bien XD je ne trouve pas la partie que je dois supprimé XD

Voila mon template (il a été déjà modifié précédemment)
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>
      <!-- BEGIN forum_link_no -->
   
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" 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 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 -->

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Sam 1 Jan 2011 - 11:29

regarde bien , je le vois le code sur ton template mais il a déjà été modifié , donc je ne sais pas si tu peux le faire
Code:

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

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par tupac le Sam 1 Jan 2011 - 12:16

Bonjour

Pour avoir une image au dessus de chaque catégorie:

Remplacer
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

Par ceci
Code:
<div><img src="votre image" align="left"><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></div>

Bonne journée

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: Titre des catégories imagées

Message par Lunathiel le Dim 2 Jan 2011 - 15:39

Avec le code de convivialité, cela fait tout buger =/

La preuve en image =>



et avec le code de Tupac une image s'affiche bien au dessus des catégories mais ne la remplace pas...

=>

ça ne fonctionne donc pas =/

PS: j'ai été voir ton forum tupac XD que tu utilises mon code pour masquer le profil ne me dérange pas mais évite de prendre mon image lol

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Lunathiel le Jeu 6 Jan 2011 - 12:59

Un peu d'aide s'il vous plait =/

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Lunathiel le Mer 12 Jan 2011 - 11:19

Un petit Up Please

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par SoraNoHime le Mer 12 Jan 2011 - 12:22

Bonjour, en faisant un mix de vos deux sujets avec celui de volle terrienne. Je suis arrivée à ça :



Le problème c'est que l'image se met effectivement dans la barre de titre, et le dernier message est effacé mais on voit encore le background et surtout les contour. De plus, l'image se répète et dans le background du cadre, mais aussi dans le titre. Je pense qu'il va falloir passer par la css. Mais la je sèche.

Donc voilà ce que j'ai mis en 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="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;"> </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}<br><br></span><div class="haut"><span class="gensmall"><font size="1">Sujets : {catrow.forumrow.TOPICS} <br> Messages : {catrow.forumrow.POSTS}</font></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 -->

et dans la css :

Code:
/*Titre des catégories*/
.secondarytitle,.secondarytitle h2 {

background-image: url('adresse de votre image');
height:sa hauteur px;
width:sa longeur px;}

Si quelqu'un sait comment faire disparaitre les contours de cette partie, le fond de dernier sujet et éviter que l'image ne se rèpète, on y sera Sourire2

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: Titre des catégories imagées

Message par Lunathiel le Mer 12 Jan 2011 - 14:26

Merci beaucoup pour ce début d'information, je vais "bidouiller" un peu dans mon coin pour essayer

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par SoraNoHime le Dim 16 Jan 2011 - 2:03

Bonsoir

Je pense avoir réussi, du moins ça marche pour mon forum test.

voici mon 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}

        {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 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" class="dersuj"><div style="width:150px;"> </div></th>
  </tr>
  <!-- END tablehead -->
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- 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" width="150"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br><br></span><div class="haut"><span class="gensmall"><font size="1">Sujets : {catrow.forumrow.TOPICS} <br> Messages : {catrow.forumrow.POSTS}</font></span></div>
      </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 -->

et ma css
Code:
/*Titre des catégories*/
.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;}

.dersuj{
background-color: transparent;
}

Et voici ce que ça me donne :



voili voilou

Ps : volle-terrienne

pour avoir une image différente à chaque catégorie c'est impossible par ce système. En effet l'image se met automatiquement sur toutes les catégories. et je ne sais pas comment faire pour faire une à une. Par contre pour que ça prenne aussi la longueur de dernier sujet avec le titre du forum. Je suis en train de chercher. ^^ c'est une histoire de colspan à régler ici
Code:
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width=100% class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150" class="dersuj"><div style="width:150px;"> </div></th>
  </tr>
mais il me semble que dans ton post ce problème avait été résolu. Tu devrais donc pouvoir t'y retrouver.

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: Titre des catégories imagées

Message par Lunathiel le Mar 18 Jan 2011 - 11:46

Désolé de ne pas avoir reparlé de ce sujet plus tot^^ je n'ai malheureusement pas pu encore le tester mais je vais profiter de la mise à jour de mon forum cet après-midi pour la tester!

Je vous redis si j'y arrive un grand merci

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 14:40

Bonjour j'ai suivi avec intérêt ce sujet j'ai testé avec les codes de macema et j'obtiens ceci




Pour moi la largeur du dernier sujet est bonne mais il me conserve la couleur de fond de catégorie

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Mar 18 Jan 2011 - 14:49

Bonjour

je pense que pour enlever la couleur de fond de la categorie

PA>AFFICHAGES>GESTION DES COULEURS

couleur fond en tête de catégorie
Couleur Catégorie droite
Couleur Cadre Catégorie

faites des essais


Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 15:04

Non j'y ai déjà pensé mais ça n'a aucune influence. Et ce que je ne comprends pas c'est que je n'ai même pas cette couleur dans le PA et aucun code dans mon css ne correspond à cette couleur Question

Les seuls autres modification que j'ai effectué dans les template concerne le profil.

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Mar 18 Jan 2011 - 15:23

tu peux me donner le lien de ton forum de test

merci

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 15:24

voilà
http://jerelian.forum2ouf.com/

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Mar 18 Jan 2011 - 15:38

dans ton css

regarde ici

Code:
td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
}

enlève ça et regarde ce que ça donne

Code:
td.catRight,


Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 15:43

Pas ce changement

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Mar 18 Jan 2011 - 15:48

enlève le en entier pour voir

comme il est là , tu pourras le remettre

Code:
td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}


la couleur que l'on cherche est #B2727D


Edit :

c'est une image qui vient d'hitskin quand tu as telechargé le theme de depart

http://hitskin.com/themes/16/77/54/i_back_title.png





regarde dans la gestion des images

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 16:06

Bon apparemment ça ne servait à rien, ça devait être sur le kit de départ mais il n'en reste plus grand chose Wink
J'ai bien du utiliser cette couleur à un moment car là plus proche que j'ai dans ma gamme utilisée est #bb677b, mais impossible de me rappeler quand et où

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par Convivialite le Mar 18 Jan 2011 - 16:11

il faut que tu trouve cette image si tu veux la supprimer lol!

j'ai trouvé

Image du fond des titres :

sur la 1ere page de gestion des images





Dernière édition par Convivialite le Mar 18 Jan 2011 - 16:15, édité 1 fois

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 16:13

OUiiiii merci c'était tellement facile que je n'ai pas songé un instant à regarder là
Thanks

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par SoraNoHime le Mar 18 Jan 2011 - 16:59

Un petit détail en plus au cas où vous rencontriez le problème. J'ai eu un espace de décalage en mettant mes images dans mon forum (voir mon profil)

Dans ce cas rajoutez dans la css à .secondarytitle , ce code

Code:
background-position:left bottom;

dans mon cas c'est pour mettre l'image en bas à gauche. au besoin changez ^^

Ps : pour jerelian le code n'aurait-il pas pu être glissé en css avec un background-image: none; ?

Edit : la réponse n'est pas obligatoire, c'est juste pour mes connaissances Sourire2 mais il me semble aussi que d'enlever cette image influ sur la présentation des sujets et dans les messages eux-même. non ?


Dernière édition par macema le Mar 18 Jan 2011 - 17:29, édité 2 fois

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: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 17:17

Ah ben oui en effet, je n'avais pas fais attention je vais essayer avec le background-image:none;

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des catégories imagées

Message par SoraNoHime le Mar 18 Jan 2011 - 17:19

Mets le dans la partie .dersuj

Code:
.dersuj{
background-color: transparent;
background-image:none;}

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: Titre des catégories imagées

Message par jerelian le Mar 18 Jan 2011 - 17:22

C'est parfait
merci macema Very Happy

jerelian
Nouveau membre

Messages : 23
Inscrit(e) le : 06/03/2009

http://scrapissimots.actifforum.com
jerelian a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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