couleur tableau

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

Résolu couleur tableau

Message par lepokerdesas le Dim 25 Sep 2011 - 15:20

bonjour

je suis trop contente !! lol

reussi a faire un tableau pour mon forum et pour une novice comme moi - grosse victoire bounce ( je souhaites le mettre sur le portail pour un acces encore plus direct aux posts du forum )

j aimerais mettre de la couleur dans ce tableau a savoir le fond des titres en #25AD92 sans changer ma couleur d ecriture titres
ensuite j aimerais mettre les ecritures details en dessous en #25AD92 sans changer le fond





je suis perdu et ne sais ou mettre ce code

merci a vous

Spoiler:
<TABLE BORDER="5">
<TR>
<TH> LE FORUM </TH>
<TH> LE POKER </TH>
<TH> LES TOURNOIS </TH>
<TH> LE TURF </TH>
<TH> LES PARIS </TH>
<TH> JEUX </TH>
<TH> DIVERS </TH>
</TR>
<TR>
<TD> <A href='http://www.lepokerdesas.com/f103-presentation-et-reglement' target='_blank'><center>Presentation</A>
<A href='http://www.lepokerdesas.com/f108-le-bistrot' target='_blank'><center>Le Bistrot</A>
<A href='http://www.lepokerdesas.com/f65-blog-membres-le-poker-des-as' target='_blank'><center>Blog</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f5-les-salles-de-poker' target='_blank'><center>Les Salles</A>
<A href='http://www.lepokerdesas.com/f66-informations-sur-le-poker-et-ses-variantes' target='_blank'><center>Infos Poker</A>
<A href='http://www.lepokerdesas.com/f29-mots-de-passe-quotidiens' target='_blank'><center>Mots de Passe</A>
<A href='http://www.lepokerdesas.com/calendar' target='_blank'><center>Calendrier</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f61-tournois-prives-le-poker-des-as' target='_blank'><center>Nos Tournois</A>
<A href='http://www.lepokerdesas.com/f62-fight-2011-mypok' target='_blank'><center>Fight 2011</A>
<A href='http://www.lepokerdesas.com/f63-home-games-pokerstars' target='_blank'><center>Homes Games</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f77-turf' target='_blank'><center>Sites de Turf</A>
<A href='http://www.lepokerdesas.com/f114-pronostics-quinte' target='_blank'><center>Jeu Pronos Turf</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f84-sites-paris-sportifs' target='_blank'><center>Sites Paris Sportif</A>
<A href='http://www.lepokerdesas.com/f116-pronostics-paris-sportifs' target='_blank'><center>Jeu Pronos Paris Sportif</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f92-jeux-en-ligne' target='_blank'><center>Jeux en ligne</A>
<A href='http://www.lepokerdesas.com/f91-jeux-et-concours' target='_blank'><center>Jeux et Concours</A>
<A href='http://www.lepokerdesas.com/f90-jeux-de-cartes' target='_blank'><center>Jeux de Cartes</A></TD>
<TD> <A href='http://www.lepokerdesas.com/f73-les-methodes-de-paiement-en-ligne' target='_blank'><center>Methodes de depots</A>
<A href='http://www.lepokerdesas.com/f97-les-amis-du-poker-des-as' target='_blank'><center>Les Amis du Forum</A>
<A href='http://www.lepokerdesas.com/f113-marketing-et-referencement' target='_blank'><center>Referencement</A></TD>
</TR>
</TABLE>


Dernière édition par lepokerdesas le Dim 2 Oct 2011 - 0:26, édité 1 fois

lepokerdesas
**

Messages : 97
Inscrit(e) le : 03/09/2011

http://lepokerdesas.com
lepokerdesas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur tableau

Message par lepokerdesas le Dim 25 Sep 2011 - 18:05

euhhh j y comprends rien
un de mes membre viens de me faire un screen
il a les ecritures en turquoise et pas moi

lepokerdesas
**

Messages : 97
Inscrit(e) le : 03/09/2011

http://lepokerdesas.com
lepokerdesas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur tableau

Message par Final-Blonde le Dim 25 Sep 2011 - 18:24

Bonsoir,

Pour les cellules-titre, dans la première ligne "tr" du tableau on peut ajouter un class qui est ensuite gérable par le CSS :
Code:
<TR class="fond">
<TH> LE FORUM </TH>
cet identifiant "fond" on le reprand dans :
PA >> Affichage >> Couleurs > Feuille de style CSS :
tr.fond th {
background: #25AD92;
}
On ne peut quasiment rien attribuer à une ligne sauf une class pour lui demander d'agir sur toutes les cellules de la ligne,
d'où le tr.fond th

Pour le texte des autres cellules, on va procéder pareil :
Code:
<TR class="coltexte">
 <TD> <A href='http://www.lepokerdesas.com/f103-presentation-et-reglement' target='_blank'><center>Presentation</A>
Et dans le CSS avec les "td" et non les "th" :
tr.coltexte td a {
color: #25Ad92;
}
Le "a" est pour indiquer que ce sont des lien.

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 tableau

Message par lepokerdesas le Lun 26 Sep 2011 - 1:45

bonjour et merci de cette reponse rapide

je viens d installer le premier concernant le fond

le fond est bien dans la couleur choisie seulement petit probleme tout ce qui etait sous ce widget a disparu ainsi que la colonne de droite

oupsssssssss ^^

lepokerdesas
**

Messages : 97
Inscrit(e) le : 03/09/2011

http://lepokerdesas.com
lepokerdesas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur tableau

Message par Final-Blonde le Lun 26 Sep 2011 - 18:35

Bonjour,

Euh... ? Peux-tu me donner tout le code que tu as dans ce widget ?

En passant et je n'y avais pas fait attention, tu as des balises
Code:
<center>NON REFERMÉES ainsi :</center>
Ce n'est pas bon du tout.
De plus, tu peux soit aligner le texte par le CSS, comme je te l'ai refait, ou via la balise :
Code:
<td align="center">BLABLABLA</td>

Ensuite, le codage html se fait en minuscule et ce sont les guillemets " et non les apostrophes ' qui renferment une url, class, target, etc...

Enfin, même si c'est bien plus "convivial", en HTML il faut éviter de séparer les codes avec des sauts de ligne et des espaces comme dans un texte :
Dans un post par exemple, c'est pris en compte et il me semble que dans les widgets aussi.

J'ai corrigé ton HTML :
Code:
<table border="5" align="center"><tr class="colfond"><th align="center">LE FORUM</th>
<th>LE POKER</th><th>LES TOURNOIS</th><th>LE TURF</Th><th>LES PARIS</th> <th>JEUX</th><th>DIVERS</th></tr><tr class="coltext"><td><a href="http://www.lepokerdesas.com/f103-presentation-et-reglement" target="_blank">Presentation</a><a href="http://www.lepokerdesas.com/f108-le-bistrot" target="_blank">Le Bistrot</a> <a href="http://www.lepokerdesas.com/f65-blog-membres-le-poker-des-as" target="_blank">Blog</a></td><td><a href="http://www.lepokerdesas.com/f5-les-salles-de-poker" target="_blank">Les Salles</a><a href="http://www.lepokerdesas.com/f66-informations-sur-le-poker-et-ses-variantes" target="_blank">Infos Poker</a><a href="http://www.lepokerdesas.com/f29-mots-de-passe-quotidiens" target="_blank">Mots de Passe</a><a href="http://www.lepokerdesas.com/calendar" target="_blank">Calendrier</a></td><td><a href="http://www.lepokerdesas.com/f61-tournois-prives-le-poker-des-as" target="_blank">Nos Tournois</a><a href="http://www.lepokerdesas.com/f62-fight-2011-mypok" target="_blank">Fight 2011</a><a href="http://www.lepokerdesas.com/f63-home-games-pokerstars" target="_blank">Homes Games</a></td><td><a href="http://www.lepokerdesas.com/f77-turf" target="_blank">Sites de Turf</a><a href="http://www.lepokerdesas.com/f114-pronostics-quinte" target="_blank">Jeu Pronos Turf</a></td><td> <a href="http://www.lepokerdesas.com/f84-sites-paris-sportifs" target="_blank">Sites Paris Sportif</a>
 <a href="http://www.lepokerdesas.com/f116-pronostics-paris-sportifs" target="_blank">Jeu Pronos Paris Sportif</a></td><td><a href="http://www.lepokerdesas.com/f92-jeux-en-ligne" target="_blank">Jeux en ligne</a><a href="http://www.lepokerdesas.com/f91-jeux-et-concours" target="_blank">Jeux et Concours</a><a href="http://www.lepokerdesas.com/f90-jeux-de-cartes" target="_blank">Jeux de Cartes</a></td><td><a href="http://www.lepokerdesas.com/f73-les-methodes-de-paiement-en-ligne" target="_blank">Methodes de depots</a><a href="http://www.lepokerdesas.com/f97-les-amis-du-poker-des-as" target="_blank">Les Amis du Forum</a><a href="http://www.lepokerdesas.com/f113-marketing-et-referencement" target="_blank">Referencement</a></td></tr></table>
Autant commencer juste avec ces codages, surtout si tu y prends plaisir. :-)

Pour les saut de ligne en html c'est :
Code:
<br />

Dans le CSS :
tr.colfond th {
background: #25ad92;
text-align: center;
padding: 2px; /*espace entre les 4 bordures, rend la cellule plus aérée*/
}
tr.coltext td a {
color: #25ad92;
text-align: center;
padding: 2px;
}

Voilà, normalement tout devrait être bon...

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 tableau

Message par lepokerdesas le Sam 1 Oct 2011 - 1:46

merci
desolee du retard - probleme de santé
je regardes ca au plus vite

lepokerdesas
**

Messages : 97
Inscrit(e) le : 03/09/2011

http://lepokerdesas.com
lepokerdesas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur tableau

Message par lepokerdesas le Dim 2 Oct 2011 - 0:25

wowwww genial !!!!!



un tres grand merci

vous imaginez meme pas a quel point je suis ravie d avoir migré vers forumactif bounce

lepokerdesas
**

Messages : 97
Inscrit(e) le : 03/09/2011

http://lepokerdesas.com
lepokerdesas 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