Personnalisé mon tableau
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Personnalisé mon tableau
- Spoiler:
Bonjour !
Je voudrais savoir comment faire un beau "quoi de neuf", mais je n'ai aucune connaissance en codes, ...
Voilà le genre de choses que je voudrais (le bloc de page d'accueil) :
http://pullip-dollz.forumsactifs.com/
Je ne sais pas comment faire, est-ce qu'il est obligé d'utiliser des codes ?
Merci d'avance !
P.S : Mon Forum http://pullip-evasion.forumgratuit.org/
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'
Dernière édition par Lowlipopop le Mar 31 Mai 2011 - 15:52, édité 6 fois
Re: Personnalisé mon tableau
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
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
Invité- Invité
Re: Personnalisé mon tableau
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif 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 |
Re: Personnalisé mon tableau
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'
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'
Re: Personnalisé mon tableau
Petit up !
Re: Personnalisé mon tableau
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
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é- Invité
Re: Personnalisé mon tableau
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 : 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>
- Code:
.titrepa{
background-color: votre couleur;
padding: 5px;}
.contenupa{
padding: 5px;}
Cordialement.
Invité- Invité
Re: Personnalisé mon tableau
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...
Re: Personnalisé mon tableau
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:
Cordialement.
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;
}
Cordialement.
Invité- Invité
Re: Personnalisé mon tableau
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 !
Encore une chose, qui n'a rien à voir mais j'en profite...
Comment enlève-t-on cette inscriiption ? :
merci !
Re: Personnalisé mon tableau
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
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
Invité- Invité
Re: Personnalisé mon tableau
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..
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..
Re: Personnalisé mon tableau
Bonjour,
Ajoutez ceci dans le CSS:
Avec l'exemple que je vous ai donné, ça fait:
Cordialement.
Ajoutez ceci dans le CSS:
- Code:
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border:radius: 12px;
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.
Invité- Invité
Re: Personnalisé mon tableau
Merci pour tout, résolu (:
Sujets similaires
» QEEL Tableau Personnalisé (Schéma Réalisé)
» personnalisé qui est en ligne
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» [tableau] Comment créer un tableau a cette image :
» Tableau css présentation ou tableau HTML
» personnalisé qui est en ligne
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» [tableau] Comment créer un tableau a cette image :
» Tableau css présentation ou tableau HTML
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum