Personnalisé mon tableau

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

Résolu Personnalisé mon tableau

Message par Lowlipopop le Sam 28 Mai 2011 - 15:03

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

Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Invité le Sam 28 Mai 2011 - 15:20

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 : http://forum.forumactif.com/t222757-mettre-un-tableau-en-page-d-accueil?highlight=page+accueil

Cordialement

Invité
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Anzu le Sam 28 Mai 2011 - 18:35

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 Wink

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: Personnalisé mon tableau

Message par Lowlipopop le Sam 28 Mai 2011 - 22:49

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

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Lowlipopop le Dim 29 Mai 2011 - 9:04

Petit up ! I love you

Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Invité le Dim 29 Mai 2011 - 9:07

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é
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Invité le Dim 29 Mai 2011 - 9:15

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 Smile

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.

Invité
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Lowlipopop le Dim 29 Mai 2011 - 9:58

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

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


Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Invité le Dim 29 Mai 2011 - 21:11

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.

Invité
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Lowlipopop le Mar 31 Mai 2011 - 13:17

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



merci !

Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Invité le Mar 31 Mai 2011 - 13:20

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

Invité
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Lowlipopop le Mar 31 Mai 2011 - 14:07

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.. aidez moi

Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisé mon tableau

Message par Invité le Mar 31 Mai 2011 - 14:40

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.

Invité
Invité


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

Résolu Re: Personnalisé mon tableau

Message par Lowlipopop le Mar 31 Mai 2011 - 15:52

Merci pour tout, résolu (:

Lowlipopop
**

Messages : 59
Inscrit(e) le : 28/05/2011

http://pullip-evasion.forumgratuit.org/
Lowlipopop 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