Fond de catégorie

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

Résolu Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 13:27

Bonjour,

j'ai un petit problème concernant les titres de catégories...



En effet j'ai mis une <td> au début du titre de la catégorie avec une class car je voudrais que ce soit une bande simple qui face tout le long du titre, et la comme vous pouvez le voir ça se place sur le côté tout à droite ...

Je voudrais que le fond gris soit d'une extremité à l'autre , de tout à gauche jusqu'a tout à droite y compris au dessus des derniers messages ( le texte j'y placerais une image à la place )

pouvez vous m'aider svp ?

merci d'avance




Dernière édition par -Mishirame- le Ven 3 Mai 2013 - 16:40, édité 1 fois

-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: Fond de catégorie

Message par Anzu le Ven 3 Mai 2013 - 13:30


Rebonjour,

Avec le code, ce sera mieux pour vous aider Wink

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 13:34


Bonjour,

en nom de catégorie j'ai mis ça

Code:
<td class="test">Blablabla</td>

et en CSS ça;

Code:
.test{
background: #101010;
  background-position: top center;
padding : 20px;
 
}

Cordialement.


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: Fond de catégorie

Message par Anzu le Ven 3 Mai 2013 - 13:38


Pourquoi ne pas passer par le template ? scratch

Rajoutez un width 100% dans le css.


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 13:49


Je savais pas trop comment faire j'ai voulue essayer toute seule x)

surtout que les template j'ai du mal ... J'ai mis width mais rien ne change =/

pour les templates du coup ca se passe comment ?


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: Fond de catégorie

Message par Anzu le Ven 3 Mai 2013 - 14:30


Vous avez l'air d'avoir modifié le template index box, pourrais je avoir le code ?

Et le lien du forum concerné Smile

Il y a moyen de passer uniquement par le css aussi.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 15:24


Voici mon template ;



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>
      <td colspan="2" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>
 
   
  </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">
                <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></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 style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
      <div class="lastbla"><div class="lastbla2"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></div><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
 
  <!-- 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 le forum qui me sert de pantin ;

http://wonderland.monfofo.net/


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: Fond de catégorie

Message par Anzu le Ven 3 Mai 2013 - 15:57

Donc ici:

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

Vous rajoutez un style avec un background, un width, comme ceci:

Code:
<td style="background-color: #AAAAAA; width: 100%;" colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>

Par contre c'est un colspan de 4 et non de 2 Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 16:13


Ah merci beaucoup !

Une derniere chose, pour mettre une bordure je dois mettre border : _ px sur le template ?


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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

Résolu Re: Fond de catégorie

Message par Anzu le Ven 3 Mai 2013 - 16:32


Oui comme ceci par exemple:

Code:
<td style="background-color: #AAAAAA; width: 100%; border: solid 2px #000000;"

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Fond de catégorie

Message par -Mishirame- le Ven 3 Mai 2013 - 16:39


ah merci bien c'est nickel ! Smile

Je passe en résolue bonne journée à vous

-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

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