Tableau en page d'accueil modifiable (fond..) ?

[Aliiisson]

Bonjour,
Je voudrais savoir si c'est possible de modifier le tableau que j'ai mis dans ma page d'accueil.
C'est-à-dire, personnaliser le fond, la couleur du texte, les contours, etc...

Il faut modifier la feuille de style CSS en entrant un code ? Si oui, pourriez vous me donner le code ?
Lorsque je modifie les contours, le "background", etc... C'est les contours de mon forum et le fond de mon forum + le tableau qui se modifie ! Hors, je voudrais uniquement que ce soit le tableau qui se modifie...
Est ce possible ?

[Invité]

Bonsoir,

Vous pouvez essayer de mettre ce code dans votre feuille de style CSS que vous pourrez personnaliser à votre guise :

Code:

  .titrepa{
    background-color: #7FDD4C;/*couleur de fond*/
    text-align: center;/* pour center le texte*/
    padding: 2px;/*marge intérieure autour du texte*/
    font-size: 20px;/*taille de la police*/
    }

    .contenupa{
    background-color: #C8AD7F;
    text-align: center;/*pour centrer le texte*/
    padding: 5px;
    font-size: 16px;
font-family: Segoe print;
    }

Cordialement

[Aliiisson]

Bonjour,
Merci pour votre réponse.
J'ai essayé sur mon forum, et ça n'a rien changé.

J'ai mis ceci :

Code:

 .titrepa{
    background-color: #DEFAAA;
    text-align: center;
    padding: 1px;/
    font-size: 20px;
    }

    .contenupa{
    background-color: #DEFAAA,
    text-align: center;
    padding: 5px;
    font-size: 16px;
font-family: Segoe print;
    }

Ai-je fait une erreur ou modifié quelques choses qui ne fallait pas ?

[Invité]

Re,

Pour que les modifications apportées par ce code s'appliquent il faut que vous rajoutiez des class "titrepa" et "contenupa" dans votre code HTML de manière à obtenir un code qui ressemblerait à celui-ci :

Code:

<table><tr><td class="titrepa">
Titre1</td><td class="titrepa"> Titre2</td><td
class="titrepa"> Titre3</td></tr>
<tr><td
class="contenupa"> contenu1</td><td class="contenupa">
contenu2</td><td class="contenupa">
contenu3</td></tr></table>

Cordialement

[Aliiisson]

D'accord,
Je vais essayer !

EDIT :
J'ai remplacé ce que vous m'avez dit, sauf que la couleur s'est appliqué une "case" sur deux.
Ca me fait :
VERT(couleur que je veux appliquer)_ORANGE _ VERT

DEUXIEME EDIT :
C'est bon, j'ai réglé le problème ! Merci pour votre aide.

Seulement, la couleur du "background", ne s'applique pas au fond du texte, mais au fond du titre.
Comment faire pour que la couleur background s'applique au fond du texte ?

[Invité]

Re,

Curieux car sur mon forum de test, j'ai bien 2 couleurs différentes qui apparaissent, l'une pour le fond des titres, l'autre pour le fond du contenu.

Je suppose que vous avez mis le code en totalité et que vous avez essayé de changer la couleur pour la partie *contenupa ?

Cordialement

[Aliiisson]

Bonjour,
Oui, j'ai bien mis la totalité du code et essayé de changer la couleur pour le contenupa ! Mais la couleur ne change pas.

[Invité]

Bonjour,

Est-ce que vous pourriez nous mettre ici votre code HTML entre balise code, s'il vous plaît ?

Cordialement

[Aliiisson]

Bien sûr,
Le voilà :

Code:

<span class="titrepa"><table class="titrepa" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="titrepa" width="28%"> Welcome !</th><th colspan="1" rowspan="1" class="titrepa" width="43%"> Info  </th><th colspan="1" rowspan="1" class="titrepa" width="29%"> Partenaires :</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="contenupa">
Bonjour & bienvenue sur TheFamilyChon, le forum consacré aux cobayes, des rongeurs très connu et malheureusement très à la mode, ce qui entraîne l'achat des personnes sans s'y connaître vraiment !<br />
Tu pourras ici poser toutes tes questions, faire la connaissance de personnes ayant la même passion que toi : les cobayes !<br />
<img src="http://www.gif-anime.org/im/gif/animal/hamster/hamster15.gif " border="0" alt="" /> </span></td>



<td class="row3" colspan="1" rowspan="1" align="center"><span class="contenupa"> Qui suis-je ? Je suis une passionnée de cobayes, et j'ai crée ce forum dans le but d'aider et de conseiller des personnes désirant avoir/ayant des cobayes ! Vous serez accueillis avec joie ! Nous sommes toute une communauté gaga de cobayes!
<br>
<a href="http://www.copyrightfrance.com/certificat-depot-copyright-france-6L2D1B5.htm" class="contenupa" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/6l2d1b10.gif" border="0" alt="" /></a>

<a href="http://www.facebook.com/pages/TheFamilyChon/124591797605199" class="postlink" target="_blank" rel="nofollow"><img src="http://www.francegall.net/images/structure/logo-facebook.gif" border="0" alt="" /></a>
</span></td>



<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">
      <div style="text-align: center;">
<a href="http://rongeurs-paradise.un concurrent.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i63.servimg.com/u/f63/14/93/02/49/rongeu11.jpg" border="0" alt="" /></a>


<a href="http://pension-rongeurs-lorraine.over-blog.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/sans_t10.jpg" border="0" alt="" /></a>

<a href="http://unites-by-the-fate.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i64.servimg.com/u/f64/15/74/36/81/bouton11.jpg" border="0" alt="" /></a>

<a href="http://www.cobaye85.sitew.com/#Accueil.A
" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/sans_t15.jpg" border="0" alt="" /></a>

<a href="http://cobayesdelazinsel.fr/index.html" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/_bmp10.jpg" border="0" alt="" /></a></div>
 - Les demandes de partenariat se font par MP à TheFamilyChon -

</span></td>


[Invité]

Bonjour,

Essayez comme ceci:

Code:

<table class="forumline" cellspacing="1" width="100%"><tbody>
<tr><td class="titrepa"  colspan="1" rowspan="1" class="titrepa" width="28%"> Welcome !</td><td  class="titrepa" colspan="1" rowspan="1" class="titrepa" width="43%"> Info </td><td class="titrepa" colspan="1" rowspan="1" class="titrepa" width="29%"> Partenaires :</td>
</tr>

<tr><td class="contenupa" colspan="1" rowspan="1" align="center" valign="top">
Bonjour & bienvenue sur TheFamilyChon, le forum consacré aux cobayes, des rongeurs très connu et malheureusement très à la mode, ce qui entraîne l'achat des personnes sans s'y connaître vraiment !<br />
Tu pourras ici poser toutes tes questions, faire la connaissance de personnes ayant la même passion que toi : les cobayes !<br />
<img src="http://www.gif-anime.org/im/gif/animal/hamster/hamster15.gif " border="0" alt="" /></td>



<td class="contenupa" colspan="1" rowspan="1" align="center"> Qui suis-je ? Je suis une passionnée de cobayes, et j'ai crée ce forum dans le but d'aider et de conseiller des personnes désirant avoir/ayant des cobayes ! Vous serez accueillis avec joie ! Nous sommes toute une communauté gaga de cobayes!
<br>
<a href="http://www.copyrightfrance.com/certificat-depot-copyright-france-6L2D1B5.htm" class="contenupa" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/6l2d1b10.gif" border="0" alt="" /></a>

<a href="http://www.facebook.com/pages/TheFamilyChon/124591797605199" class="postlink" target="_blank" rel="nofollow"><img src="http://www.francegall.net/images/structure/logo-facebook.gif" border="0" alt="" /></a>
</td>



<td class="contenupa" colspan="1" rowspan="1" align="center">
      <div style="text-align: center;">
<a href="http://rongeurs-paradise.un concurrent.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i63.servimg.com/u/f63/14/93/02/49/rongeu11.jpg" border="0" alt="" /></a>


<a href="http://pension-rongeurs-lorraine.over-blog.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/sans_t10.jpg" border="0" alt="" /></a>

<a href="http://unites-by-the-fate.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i64.servimg.com/u/f64/15/74/36/81/bouton11.jpg" border="0" alt="" /></a>

<a href="http://www.cobaye85.sitew.com/#Accueil.A
" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/sans_t15.jpg" border="0" alt="" /></a>

<a href="http://cobayesdelazinsel.fr/index.html" class="postlink" target="_blank" rel="nofollow"><img src="http://i25.servimg.com/u/f25/14/15/81/44/_bmp10.jpg" border="0" alt="" /></a></div>
 - Les demandes de partenariat se font par MP à TheFamilyChon -

</td></tr></table>

Dans la feuille CSS, vous avez mis une virgule à la place d'un point virgule après la couleur dans contenupa.

Code:

 .titrepa{
    background-color: #DEFAAA;
    text-align: center;
    padding: 1px;/
    font-size: 20px;
    }

    .contenupa{
    background-color: #DEFAAA;
    text-align: center;
    padding: 5px;
    font-size: 16px;
font-family: Segoe print;
    }

Cordialement.

[Aliiisson]

Bonjour,
Je vous remercie beaucoup, ça marche !