Créer un tableau spécial en tete

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

Résolu Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 16:06

Bonjour, pouvez vous m'aider a créer un tableau dans le meme genre que celui ci s'il vous plait
Exemple :http://rayon-otaku.forumactif.com/forum.htm

Je souhaiterai mettre un tableau sur mon forum, en dessous de la barre de naviguation, et enlever ma banniere qui est en en tete de mon forum actuellement et mettre la banniere en fond de page sur fond noir...
L'idéal serait que les cadres des titres soit sur fond vert ecriture blanche et que l'ecriture en dessous des titres soit blanche sur fond noir.
J'ai fais un tableau manuel (lol) pour vous montrez ce que je voudrais comme tableau exactement.

Spoiler:
[img]

Sorry pour le tableau.:/

En plus je crois que je me suis trompée de catégories pour poster ce sujet...

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par Invité le Mar 21 Sep 2010 - 16:11

Bonjour,

Avez-vous essayé de constituer votre tableau avec ce tuto ?
Sur ce forum d'entraide, personne ne vous donnera le code tout prêt ... mais on pourra vous aider à le comprendre et à l'améliorer.

Cordialement.

Invité
Invité


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

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 16:30

Bonjour, oui j'ai deja essayée ce tuto , je les meme appliqués parce que j'ai deja un tableau comme sur le tuto sur mon forum.
Mais la , c'est pas du tout se genre que j'aimerai et je ne sais pas du tout faire pour faire sa.
Cordialement.

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par Invité le Mar 21 Sep 2010 - 17:41

Re,

Partons du même tableau mais adaptons un peu. Pour la structure, il faut jouer avec les "colsplan" qui permettent de fusionner des colonnes. Votre tableau contient au maximum 3 colonnes, il suffit de fusionner en fonction de cela. Pour espacer les colonnes il faut modifier la valeur de "cellspacing". Ensuite pour les couleurs il faut agir sur les "class" et remplacer celles existantes par celles qui feront référence à la feuille CSS. Par exemple, pour les titres on va choisir la "class" "mestitres" et pour le contenu du tableau ce sera "mescases". Ce qui donne:
Dans la page d'accueil:
Code:
<span class="genmed">
<table class=""forumline table1 bg3" cellspacing="8" width="100%">
<tbody>
<tr><th colspan="1" rowspan="1" class="mestitres" width="28%"> TITRE1</th>
<th colspan="2" rowspan="1" class="mestitres" width="43%"> TITRE2</th>
</tr>
<span class="postbody"></span></td>
<td class="mescases" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
 TEXTE1</span></td>
<td class="mescases" colspan="2" rowspan="1" align="center"><span class="postbody"> TEXTE2.
</span></td>

<tr>
<th class="mestitres" colspan="1" rowspan="1"> TITRE3</th>
<th class="mestitres" colspan="1" rowspan="1"> TITRE4 <br /></th>
<th class="mestitres" colspan="1" rowspan="1"> TITRE5 <br/></th>
</tr>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> TEXTE3.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> TEXTE4.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> TEXTE5.</span></td>

<tr>
<th class="mestitres" colspan="3" rowspan="1"> TITRE6</th>
</tr>
<td class="mescases" colspan="3" rowspan="1" align="center"><span class="postbody"> TEXTE6.</span></td>
</table>
et dans la feuille CSS:
Code:
.mestitres{
background-color: #4ebf4c;
color: #FFFFFF;
}

.mescases{
background-color: #000000;
color: #FFFFFF;}
avec ceci on obtient:
:

Invité
Invité


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

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 17:50

Ah ok, j'ai essayée mes codes sa donne sa du coup c'est une catastrophe sur le forum, j'essaie de faire avec le tiens merci beaucoup
:
Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%"><font color="brown">Team GsA#</font></th><th colspan="1" rowspan="1" class="thTop forabg" width="43%"><font color="brown">Banniere</font></th><th colspan="1" rowspan="1" class="thTop forabg" width="29%"><font color="brown">Lien Direct</font></th><th colspan="1" rowspan="1" class="thTop forabg" width="43%"><font color="brown">Muisque</font></th><th colspan="1" rowspan="1" class="thTop forabg" width="43%"><font color="brown">Membres de La Team</font></th>
</tr>
<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">Nous sommes la Team GsA# , Ghost Army Soldier sur Modern Warfare 2 et surement sur Black Ops.

La team est récente et elle a été crée dans un esprit de bonne humeur et de fair play.
Nous voulons simplement joués en équipe dans une bonne ambiance.

Actuellement la Team recrute, on ne fait pas passer de test, nous acceptons une candidature sous condition que la personne soit présente sur le jeu, passe sur le forum de temps en temps, s'adapte a l'équipe et surtout qu'elle soit dans le même état d'esprit que nous.
Si vous etes interessés pour un recrutement , ou tout autres demande merci de passer postuler sur le forum ou de parler directement a l'un des 2 leaders.

Nous aimerions que chaque membres inscrit vienne se présenter, lui meme et (ou) sa team.
 </font></span></strong></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">LIEN IMAGE</font></span></strong>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"> <strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms"><font face="Comic Sans Ms"> LIENS DIRECT URL</font></font></span></strong>
</span></td>

<tr><td colspan="1" rowspan="1" align="center"><strong><span style="font-size: 18px; line-height: normal;"><font face="Comic Sans Ms"></table><div align="center"><a onclick="window.open('http://www.deezer.com/embed/player?pid=48748504&ap=0&ln=fr&sl=1','popup01','width=250, height=270,height=200,left,280,top=150,scrollbars=no');return false" href="http://www.deezer.com/" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"><img src="http://i38.servimg.com/u/f38/13/88/70/30/mymusi10.png" border="0"></div></font></span></strong></td>
<td colspan="1" rowspan="1" align="center"> <strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">Leaders

Tueurdu60 / GhostArmy_Khamul
Xx-Kev-AnGiie-xX / GhostArmy_JaReaD

Soldats

TiteFripouye40 / GhostArmy_Frip
Lamorte78 / GhostArmy_Muerto
Vner60600
Toma642
Dongreg40
Dragon78120 / GhostArmy_Dragon
Sandra1991
XX-D_I_M-XX
Oo-TaTal_31-oO
TaTaZ
VanessaHudgens
Reivaxi
Tatal
Kojistars
Didi1004
</font></span></strong>
<br></td><td  colspan="1" rowspan="1" align="center"><strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">....</font></span></strong>
<br></td></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">Team *TN*</font></span></strong>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">20/09 a 21H</font></span></strong>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><strong><span style="font-size: 18px; line-height: normal"><font face="Comic Sans Ms">Domination & RDH</font></span></strong>
</span></td>

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 18:23

.........!!! :/
J'ai un probleme sa ne donne pas du tout la meme chose que sur votre exemple.

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par Invité le Mar 21 Sep 2010 - 18:26

Re,

Oui, en effet il y a un truc qui cloche ... pouvez-vous mettre le code du message d'accueil?

Invité
Invité


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

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 18:32

C'est moi qui doit me tromper, parce que si je met seulement votre code sans rien toucher il apparait comme le votre..

Code:
<span class="genmed">
<table class=""forumline table1 bg3" cellspacing="8" width="100%">
<tbody>
<tr><th colspan="1" rowspan="1" class="mestitres" width="28%"> Team GsA#</th>
<th colspan="2" rowspan="1" class="mestitres" width="43%"> Banniere</th>
</tr>
<span class="postbody"></span></td>
<td class="mescases" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
Nous sommes la Team GsA# , Ghost Army Soldier sur Modern Warfare 2 et surement sur Black Ops.

La team est récente et elle a été crée dans un esprit de bonne humeur et de fair play.
Nous voulons simplement joués en équipe dans une bonne ambiance.

Actuellement la Team recrute, on ne fait pas passer de test, nous acceptons une candidature sous condition que la personne soit présente sur le jeu, passe sur le forum de temps en temps, s'adapte a l'équipe et surtout qu'elle soit dans le même état d'esprit que nous.
Si vous etes interessés pour un recrutement , ou tout autres demande merci de passer postuler sur le forum ou de parler directement a l'un des 2 leaders.

Nous aimerions que chaque membres inscrit vienne se présenter, lui meme et (ou) sa team.

Bonne visite et Bon Frag !!</span></td>
<td class="mescases" colspan="2" rowspan="1" align="center"><span class="postbody"> TEXTE2.
</span></td>

<tr>
<th class="mestitres" colspan="1" rowspan="1"> Lien Direct</th>
<th class="mestitres" colspan="1" rowspan="1"> Musique <br /></th>
<th class="mestitres" colspan="1" rowspan="1"> Membres Team <br/></th>
</tr>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> TEXTE3.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> </table><div align="center"><a onclick="window.open('http://www.deezer.com/embed/player?pid=48748504&ap=0&ln=fr&sl=1','popup01','width=250, height=270,height=200,left,280,top=150,scrollbars=no');return false" href="http://www.deezer.com/" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"><img src="http://i38.servimg.com/u/f38/13/88/70/30/mymusi10.png" border="0"></div>.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> Leaders

Tueurdu60 / GhostArmy_Khamul
Xx-Kev-AnGiie-xX
Soldats
TiteFripouye40
Lamorte78
Vner60600
Toma642
Dongreg40
Dragon78120
Sandra1991
XX-D_I_M-XX
Oo-TaTal_31-oO
TaTaZ
VanessaHudgens
Reivaxi
Tatal
Kojistars
Didi1004.</span></td>

<tr>
<th class="mestitres" colspan="3" rowspan="1">Tableau Match</th>
</tr>
<td class="mescases" colspan="3" rowspan="1" align="center"><span class="postbody"> TEXTE6.</span></td>
</table>

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par Invité le Mar 21 Sep 2010 - 18:45

Re,

Il y avait un méchant /table au milieu du tableau Laughing
Code:
<span class="genmed">
<table class=""forumline table1 bg3" cellspacing="8" width="100%">
<tbody>
<tr><th colspan="1" rowspan="1" class="thTop forabg" width="28%"> Team GsA#</th>
<th colspan="2" rowspan="1" class="thTop forabg" width="43%"> Banniere</th>
</tr>
<span class="postbody"></span></td>
<td class="mescases" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
Nous sommes la Team GsA# , Ghost Army Soldier sur Modern Warfare 2 et surement sur Black Ops.<br /><br />
La team est récente et elle a été crée dans un esprit de bonne humeur et de fair play.
Nous voulons simplement joués en équipe dans une bonne ambiance.<br /><br/>
Actuellement la Team recrute, on ne fait pas passer de test, nous acceptons une candidature sous condition que la personne soit présente sur le jeu, passe sur le forum de temps en temps, s'adapte a l'équipe et surtout qu'elle soit dans le même état d'esprit que nous.
Si vous etes interessés pour un recrutement , ou tout autres demande merci de passer postuler sur le forum ou de parler directement a l'un des 2 leaders.
<br />
Nous aimerions que chaque membres inscrit vienne se présenter, lui meme et (ou) sa team.<br /><br />
Bonne visite et Bon Frag !!</span></td>
<td class="mescases" colspan="2" rowspan="1" align="center"><span class="postbody"> TEXTE2.
</span></td>

<tr>
<th class="thTop forabg" colspan="1" rowspan="1"> Lien Direct</th>
<th class="thTop forabg" colspan="1" rowspan="1"> Musique <br /></th>
<th class="thTop forabg" colspan="1" rowspan="1"> Membres Team <br/></th>
</tr>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> TEXTE3.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"><div align="center"><a onclick="window.open('http://www.deezer.com/embed/player?pid=48748504&ap=0&ln=fr&sl=1','popup01','width=250, height=270,height=200,left,280,top=150,scrollbars=no');return false" href="http://www.deezer.com/" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"><img src="http://i38.servimg.com/u/f38/13/88/70/30/mymusi10.png" border="0"></div>.</span></td>
<td class="mescases" colspan="1" rowspan="1" align="center"><span class="postbody"> Leaders <br /><br />
Tueurdu60 / GhostArmy_Khamul<br />
Xx-Kev-AnGiie-xX<br />
Soldats<br />
TiteFripouye40<br />
Lamorte78<br />
Vner60600<br />
Toma642<br />
Dongreg40<br />
Dragon78120<br />
Sandra1991<br />
XX-D_I_M-XX<br />
Oo-TaTal_31-oO<br />
TaTaZ<br />
VanessaHudgens<br />
Reivaxi<br />
Tatal<br />
Kojistars<br />
Didi1004.<br /></span></td>

<tr>
<th class=""thTop forabg" colspan="3" rowspan="1">Tableau Match</th>
</tr>
<td class="mescases" colspan="3" rowspan="1" align="center"><span class="postbody"> TEXTE6.</span></td>
</table>
Pour revenir à la ligne, ou sauter une ligne utilisez <br /> Wink .

Invité
Invité


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

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mar 21 Sep 2010 - 20:13

Embarassed Ah oui en effet sa donne pas la meme chose du coup c 'est sympa comme sa !! Je met pas résolu maintenant car je vais essayée de modifier certaines chose tout seule , si j'ai un probleme je reviendrais ver vous, si cela ne vous gene pas =) Merci en tout cas.

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un tableau spécial en tete

Message par Invité le Mar 21 Sep 2010 - 20:47

Re,

Pas de soucis, bonne modif' Smile .

Cordialement.

Invité
Invité


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

Résolu Re: Créer un tableau spécial en tete

Message par tueurdu60 le Mer 22 Sep 2010 - 12:14

Je crois que je tiens le bon bout en faite =) J'ai cru que pour la couleur il fallait rajouter dans la feuille Css mais en faite non donc je rectifie ma reponse =) résolu merci Merci beaucoup a vous =) J'ai reussi donc resolu.

tueurdu60
***

Féminin
Messages : 182
Inscrit(e) le : 07/08/2010

http://ghostsoldierarmy.forumgratuit.org/forum.htm
tueurdu60 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