Couleur derrière les catégorie (phpbb2)

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

Résolu Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 20:11

Bonsoir à tous ! =)

Je fais appel à vous après avoir commencé à m'arracher les cheveux. Je ne suis généralement pas nulle en css etc, d'autant plus que Firebug aide bien, mais là pas moyen de trouver la solution. En plus je suis sûre que c'est un tout petit truc stupide.

Voici donc mon forum test, dont je me sers pour faire les nouveaux templates : http://forumtestluna.forumactif.org/forum

Voici l'image qui me sert de modèle pour tester certaines choses :

Mon problème : je n'arrive pas à mettre une couleur derrière les catégories, comme le fond gris indiqué par le carré rouge. Comme on peut le voir sur l'image il y a trois couleurs de fond en tout, l'image qui sert de background général, la couleur du fond de la page et l'autre.

Auriez vous une idée svp ? Je pense que c'est avec .forumline qu'il y a un truc pas correct mais je n'arrive pas à savoir quoi.
Capture d'image sur ce forum : http://www.bangbangbabyrpg.com/


Merci à vous !


Dernière édition par Bad Sushi le Ven 18 Nov 2011 - 12:25, édité 1 fois

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 20:40

Salut Bad Sushi,

En fait, ce n'est pas "forumline" qui est en plus un identifiant générique sur tout le forum.

Il me semble que dans ce cas, autant créer un grand tableau qui englobe le tout (à voir aussi avec le QEEL) et ensuite gérer un nouvel identifiant par le CSS.
Dans le template index_box, avant le deuxième tableau ("table") :
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="bgcat" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td align="center">
 
<table class="forumline" width="80%" 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="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>
   <!-- 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" 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>
   </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 -->
Refermé tout à la fin.

Dans le CSS :
.bgcat {
background-color: #000000;
padding: 10px;
}
Je pense que c'est ce que tu veux, non ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 20:51

Hum pour le template j'ai pas compris où je le mets ? Là c'est tout le code non ? Je copie-colle tout simplement ?

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 20:57

Oui, c'est tout le template.

Regarde bien le deuxième "table" avec l'identifiant bgcat qui se referme en dernier dans le template.

Il y a aussi le "table" suivant avec l'identifiant forumline qu'il faut rétrécir dans la largeur, pour que le premier tableau dépasse dans le fond.
Mes valeurs ne sont que des exemple.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 21:00

Bon alors, ça donne ça : Ca m'a carrément comprimé le forum XD

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 21:02

Oui, c'est ça.

Mais ton image en exemple a un bon travail de style CSS derrière, elle ! Mr. Green
A toi de jouer.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 21:05

Mais justement j'aurais bien préféré travaillé avec le css Mr. Green
Parce que là je sais même pas comment faire pour redonner une dimension convenable au forum..

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 21:10

Dans mon exemple (qui n'est que ça !), j'ai mis dans le HTML au "table-forumline" un width="80%"
et un width="100%" au "table-bgcat" derrière.
Tu peux modifier ces deux dimensions comme tu le souhaites et celui que nous venons de créer, tu peux gérer sa largeur via son identifiant-bgcat dans le CSS.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 21:20

Ah mais atta atta !

En revoyant à nouveau ton image, je me rends compte que c'est sur tout le forum qu'il y a ce décalage de fond, c'est ça ?
Alors là c'est l'identifiant bodylinewidth me semble-t-il...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 21:23

Bon je vais tenter =)
Alors, c'est presque ça sauf que ça m'a fait sauté ma présentation d'avant au niveau dur raw3. Avant c'était comme ça :

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Jeu 17 Nov 2011 - 21:32

Et maintenant, c'est comment ?

Peut-être qu'il faut adapter les proportions si tu as modifié la largeur du forumline...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 22:24

Bon alors en fait ça joue pas. Lorsque je mets ton code ça me permet effectivement d'avoir un fond en arrière mais ça comprime le forum je sais pas pourquoi, et ça me vire la présentation du raw3. J'ai beau tenter en modifiant certains trucs je n'y arrive pas.

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Jeu 17 Nov 2011 - 22:31

Alors j'ai réussi à pas virer le raw3 mais il est tout compressé et par contre j'ai plus le background derrière .. purée quelle prise de tête scratch
Y'a vraiment pas une solution plus simple ?

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Ven 18 Nov 2011 - 7:29

En fait j'ai dit une bêtise :
Nos deux "table" tu peux les laisser à width="100%"
Ces deux tableaux feront le 100% de ce que tu as réglé dans le PA>> Général>> Configuration> Largeur du forum
Ou bien en pixels pour le body, bodylinewidth dans le CSS.

Par contre, au "table" que nous avons ajouté avec l'identifiant bgcat, nous allons jouer sur le padding: ??px; dans le CSS.
C'est ce qui fera la différence.

Maintenant si tu veux cet autre fond partout partout sur le forum, c'est exactement la même chose dans le CSS, sans ajouter un autre tableau, mais avec l'identifiant forumline :
C'est le padding qui fait la différence.

Si après ça ton row3 est encore déformé, c'est que tu as fait une erreur dans le reste du codage.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Ven 18 Nov 2011 - 10:07

C'est bon j'ai réussi ^^
En revanche je n'arrive toujours pas à supprimer les deux lignes verticales qui séparent les raw.

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

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

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Final-Blonde le Ven 18 Nov 2011 - 12:03

Ce sont des row (ligne en anglais) et si c'est juste pour l'index, regarde dans ton index_box que TOUTES ces propriétés soient à 0 :
cellspacing="0"

Si tu veux les supprimer de manière générale sur tout le forum :
PA >> Affichage >> Couleurs > Couleur du cadre des cellules : #même-code-couleur que le fond des cellules
> Couleur Cadre Catégorie : #même-code-couleur que le fond des catégories

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur derrière les catégorie (phpbb2)

Message par Bad Sushi le Ven 18 Nov 2011 - 12:25

D'accord.
Merci pour ton aide ! Hi

Bad Sushi
***

Féminin
Messages : 163
Inscrit(e) le : 04/08/2009

http://lunaocra.bbfr.net/
Bad Sushi 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