Personnalisé mon tableau

[Lowlipopop]

Spoiler:

Voilà ce que j'ai réussi à faire :
http://pullip-evasion.forumgratuit.org/

Je voudrais savoir comment enlevez les bordures entre les colonnes, mais que les blocs soient différenciés par une couleurs différente du fond (derrière les "blocs/colonnes") ?
Et que les titres des colonnes ne prennent pas cette image, mais une couleur neutre ?

Merci par Avance,
Low'

[Invité]

Bonjour,

L'utilisation de codes pour faire ce type de page d'accueil est sans aucun doute nécessaire. Il y a à la fois une sorte de tableau sur l'exemple que vous montrez ainsi que des onglets qui permettent d'aller aux différentes catégories du forum en question. Si dans un premier temps, vous souhaitez faire une sorte de tableau avec les news etc... vous pouvez éventuellement partir des explications fournies ici : https://forum.forumactif.com/t222757-mettre-un-tableau-en-page-d-accueil?highlight=page+accueil

Cordialement

[Anzu]

Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

[Lowlipopop]

Tout d'abord, merci !

Voilà ce que j'ai réussi à faire :
http://pullip-evasion.forumgratuit.org/

Comment enlevez les bordures entre les colonnes, mais que les blocs soient différenciés par une couleurs différente du fond (derrière les "blocs/colonnes") ?
Et que les titres des colonnes ne prennent pas cette image, mais une couleur neutre ?

Merci par Avance,
Low'

[Lowlipopop]

Petit up !

[Invité]

Bonjour,

Je peux peut-être vous aider pour enlever les bordures, mais sans doute pas pour changer les couleurs de fond, par contre.

Vous pourriez mettre ici entre balises code le code que vous avez utilisé pour créer votre tableau, svp ?

Cordialement

[Invité]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonjour,

Concernant votre tableau, le fond des titre est attibué par <th> qui correspond à l'en-tête des catégories. Si vous souhaitez un tableau neutre, il faut partir d'un tableau de base et lui appliquer du CSS.
La base:

Code:

<table><tr><td> Titre1</td><td> Titre2</td><td> Titre3</td></tr>
<tr><td> contenu1</td><td> contenu2</td><td> contenu3</td></tr></table>

L'ajout de CSS:
- On ajoute les class dans le tableau:

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>

- On donne les attributs à ces class das la feuille de style CSS:

Code:

.titrepa{
background-color: votre couleur;
padding: 5px;}
.contenupa{
padding: 5px;}


Cordialement.

[Lowlipopop]

Je ne comprends pas trop... J'ai vraiment aucune connaissances...

J'ai réussi ! Maintenant, le CSS pour les couleurs...

Voici mon tableau, pour le moment :

Code:


<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%"><span style="font-size: 20px; line-center: normal">Le Scoop du Jour !</span></th><th colspan="1" rowspan="1" class="thTop forabg" width="36%"><span style="font-size: 20px; line-height: normal">En ce moment...</span></th><th colspan="1" rowspan="1" class="thTop forabg"width="36%"><span style="font-size: 20px; line-height: normal">Concours Photos</th>
</tr>

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

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<img src="http://img4.hostingpics.net/pics/169921IMG0683.jpg" border="0" alt="" /><p align="center"><p align="center"> Ce matin, Zoé se laisse aller... <span style="font-size: 7px; line-center: normal"> <br>Proposé par <a href="http://pullip-evasion.forumgratuit.org/u2?tid=b2f7dc0edd9cc681b219be65f7a0c379" class="postlink">Chouchou'</a></span></span></td></p>


<td class="row3" colspan="1" rowspan="1" align="left"><span class="postbody"><ul><li>Notre Premier Concours <a href="http://pullip-evasion.forumgratuit.org/t91-concours-n1-go-go-go-d?tid=b2f7dc0edd9cc681b219be65f7a0c379" class="postlink">ICI</a> ! </ul><ul><li>Tu as un Scoop ? Envoie-le à <a href="http://pullip-evasion.forumgratuit.org/privmsg?mode=post&u=20" class="postlink">Pullip-Evasion</a>, et peut-être que ta photo fera la une du forum ! <span style="font-size: 10px; line-height: normal">Clique <a href="http://pullip-evasion.forumgratuit.org/t45-vous-avez-un-scoop?tid=c46d816f35e7cddfb219be65f7a0c379" class="postlink">ICI</a> pour plus d'informations</span></ul></span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">Prochainement, la photo de la gagnante du concours photos.
</span></td>

Nouveau tableau :

Code:

<table><tr><td class="titrepa"> Le Scoop du Jour !</td><td class="titrepa"> En ce moment...</td><td class="titrepa"> Concours Photos</td></tr>
<tr><td class="contenupa"><img src="http://img4.hostingpics.net/pics/169921IMG0683.jpg" border="0" alt="" /><p align="center"><p align="center"> Ce matin, Zoé se laisse aller... <span style="font-size: 7px; line-center: normal"> <br>Proposé par <a href="http://pullip-evasion.forumgratuit.org/u2?tid=b2f7dc0edd9cc681b219be65f7a0c379" class="postlink">Chouchou'</a></span></td><td class="contenupa"> <ul><li>Notre Premier Concours <a href="http://pullip-evasion.forumgratuit.org/t91-concours-n1-go-go-go-d?tid=b2f7dc0edd9cc681b219be65f7a0c379" class="postlink">ICI</a> ! </ul><ul><li>Tu as un Scoop ? Envoie-le à <a href="http://pullip-evasion.forumgratuit.org/privmsg?mode=post&u=20" class="postlink">Pullip-Evasion</a>, et peut-être que ta photo fera la une du forum ! <span style="font-size: 10px; line-height: normal">Clique <a href="http://pullip-evasion.forumgratuit.org/t45-vous-avez-un-scoop?tid=c46d816f35e7cddfb219be65f7a0c379" class="postlink">ICI</a> pour plus d'informations</span></ul></span></td><td class="contenupa"> Prochainement, la photo de la gagnante du concours photos.</td></tr></table>

Pour les couleurs, je ne comprends pas... Quels sont les codes pour changer ces couleurs ? Est-ce seulement possible ? En fait je voudrais avoir un tableau sans bordures, juste des blocs de couleur...

[Invité]

Bonsoir,

La partie CSS permet de mettre les couleurs.Les codes CSS se placent dans panneau d'admin > affichage > Couleurs - onglet "feuille de style CSS". Vous avez 2 class différentes dans le tableau, une pour les titre l'autre pour les contenus. Pour mettre une couleur de fond, c'est l'attribut "background-color" .
Je vous donne un exemple pour tester:

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: left;/*text aligné à gauche*/
padding: 5px;
font-size: 11px;
}

Pour les couleurs j'utilise le code héxadecimal, il y a une liste ici .

Cordialement.

[Lowlipopop]

Merci beaucoup, j'ai enfin réussi, grâce à vous !
Encore une chose, qui n'a rien à voir mais j'en profite...
Comment enlève-t-on cette inscriiption ? :



merci !

[Invité]

Bonjour,

Pour ce faire, vous allez dans le PA>Affichage>page d'accueil>structure et hiérarchie et vous cochez "non" pour "afficher les modérateurs d'un forum".

Cordialement

[Lowlipopop]

Merci beaucoup !
Encore une chose, comment arrondir les coins du tableau ? J'ai vu le tuto avec la page html, mais je n'y arrive pas... Et un jour j'étais tombée par hasard sur un topic qui disait tout simplement comment faire, mais je ne le retrouve pas >< Quelqu'un pourrait-il m'aider ? Et après je vous embête plus..

[Invité]

Bonjour,
Ajoutez ceci dans le CSS:

Code:

-moz-border-radius: 12px;
-webkit-border-radius:12px;
border:radius: 12px;

Cela permet d'arrondir les angles sous différents navigateurs. Plus le nombre de px est grand plus l'arrondi est prononcé.

Avec l'exemple que je vous ai donné, ça fait:

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*/
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border:radius: 12px;}

.contenupa{
background-color: #C8AD7F;
text-align: left;/*text aligné à gauche*/
padding: 5px;
font-size: 11px;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border:radius: 12px;}

Cordialement.

[Lowlipopop]

Merci pour tout, résolu (: