Un code pour un plan du site plus simple

[undertaker999]

Bonjour,

Voilà j'expose mon problème,

Présentement sur mon forum : http://www.velp.monempire.net . J'utilise un Iframe pour pouvoir donner un rendu "acceptable" de mon plan du site. Cependant, L'Iframe ralenti relativement mon site.
- Et donc je souhaiterais pouvoir simplement installer mon code dans la page généralité.
- Par le fait même, je souhaiterais avoir un affichage plus épuré de mon contenu.
- Finalement, le résultat de mon code ne me convient pas du tout

Présentement, le plan du site est comme cela:
http://velp.monempire.net/h47-tableau

Code:

<span><font face="timesnewroman"><div style="width:90%:
text-align: center;">


<span><table><tbody>
<th colspan="1" rowspan="1" width="30%"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
-moz-border-radius:40px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">Facebook</div></th>
<th colspan="1" rowspan="1" width="45%"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
-moz-border-radius:40px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">Présentation</div></th>
<th colspan="1" rowspan="1" width="25%"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
-moz-border-radius:40px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">Média</div></th>
</tr>


<span class="postbody"></span></td>
<td colspan="1" rowspan="1" align="center" valign="center"><span  class="postbody">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fdevelopers%2F%23%21%2Fapps%2Fapplication.php%3Fid%3D129168227125747&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:80px;" allowTransparency="true"></iframe>
</div></span></td>


<td colspan="1" rowspan="1" align="justify" valign="center"><span class="postbody">Qu'est-ce que Vous êtes le Patron ?


Vous etes le patron est le PREMIER forum de simulation économique et de gestion d'entreprise du Web et sera et restera le plus réaliste du Web.
Découvrez à travers ce jeu un monde du commerce où vous aurez à gérer votre entreprise tout en restant le plus concurrentiel possible, car sur VELP le moteur de la simulation est la concurrence.


Réussirez-vous à combattre la concurrence ?</div>
</span></td>

<td colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">

<marquee id="scroller" scrollamount="3" direction="up"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t364-lady-gaga-let-the-cultural-baptism-begin-april-19th-19-avril" target="_top">L'annonce de Lady Gaga</a>

[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t363-britney-spears-un-nouveau-clip" target="_top">Le nouveau clip de Britney Spears</a>

[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t365-rihanna-britney-un-duo-pour-le-remix-de-sm#673" target="_top">Un duo Rihanna & Britney pour S&M</a>

[Musique]<a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t368-britney-spears-dance-till-the-world-ends" target="_top">Une version Dance du vidéo clip "Till the world Ends"</a>

[Musique]<a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t367-lady-gaga-le-nouveau-single-judas-devance-aujourd-hui-15-avril-2011-lyric-complet" target="_top">Le dévoilement de "Judas" devancé de 4 jours"</a>
</marquee>


</div>
</span></td>

<tr><th colspan="1" rowspan="1"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
-moz-border-radius:40px;
background-color: #fff;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">MSBV</div>
</th>
<th colspan="1" rowspan="1"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
-moz-border-radius:40px;
background-color: #fff;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">Visiteurs / Nouveau Membres</div>
<br></th><th colspan="1" rowspan="1"><div style="border-left: 9px solid #0678bf;
border-right: 9px solid #0678bf;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
-moz-border-radius:40px;
background-color: #fff;
text-align: center;
font-weight: bold;
text-transform: uppercase;
background-image: url('http://i60.servimg.com/u/f60/13/90/71/13/-10.png');
padding: 2px;
color: #000;">Information</div>

</th></tr>

<td colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
Avec le plus profond désir d'offrir de meilleurs services à ces membres, l'équipe de VELP est présentement en train de développé une toute nouvelle simulation qui s'ajouterait à l'économie de VELP. Cependant, sa Béta Test ne sera lancé seulement si le forum atteint 30 membres actifs.



<font color="grey">Cordialement,</font>

</div>
</span></td>

<td colspan="1" rowspan="1" align="justify" valign="top"><span class="postbody">
Bonjour et Bienvenue sur "Vous êtes le Patron" !

Le premier souhait de l'équipe VELP en ouvrant "Vous êtes le Patron" est de divertir sa communauté. Nous avons donc développé 9 étapes afin que vous puissiez facilement et rapidement vous inscrire et faire parti des entrepreneurs de VELP. Vous pouvez retrouver ces Tutoriels en vous rendant sur ce lien:
 <a style="text-decoration:none; color: #E09742;" href="http://velp.monempire.net/f4-avant-de-creer-votre-entreprise" target="_top">9 Étapes Rapides et Faciles ICI</a>

</div>

</span></td>

<td colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
Forum optimisé pour :

<a href="http://download.mozilla.org/?product=firefox-3.6.13&os=win&lang=fr"  target="_blank"><img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" /></a>


<font size="2">TAG: économie - simulation - gestion - forum - jeu - simulation économique - online - en ligne - gratuit - free - français - réaliste - gestionnaire - gérer - diriger - entrepreneur - entreprise - patron - affaire - business - monde - actualité - média</font>

</div>

</span></td>
</table>
</div></div></font></span>






Alors que je souhaiterais que ça ressemble à cela:
https://i.servimg.com/u/f29/13/09/19/90/en_tet10.png

Cependant, je n'es pas la capacité de réalisé le code pour cette affichage et je me dirige vers vous pour m'aider, Merci !

[djmisterjon]

Salut comment a tu fait le code pour les dernier sujet en bas a droite de ton forum je suis interesser a l'integrer a mon forum

Mon forum http://forex-trader-univers.annuairedeforums.com
Merci a toi

Desoler je n'ai pas de solution a ton probleme

[Woogle]

Salut comment a tu fait le code pour les dernier sujet en bas a droite de ton forum je suis interesser a l'integrer a mon forum

Mon forum http://forex-trader-univers.annuairedeforums.com
Merci a toi

Desoler je n'ai pas de solution a ton probleme

Moi aussi je suis interresser mai pour l'aide que tu a besoin je ne peut pas t'aidez désolé

Mon forum : http://zone51renaissance.jtkc.org/

[Invité]

Bonjour,

Vous pouvez constituer un tableau dans le message d’accueil, et lui attribuer des class pour donner le style en CSS. Voici une ébauche:
A placer dans le message d’accueil:

Code:

<table  class="tablo" cellSpacing="8"><tr><td class="titrema" width="30%">Nouvel inscrit ?</td><td colspan="2" width="70%">texte de bienvenue</td></tr>
<tr><td rowspan="3">texte nouvel inscrit</td><td class="titrema">msbv</td><td class="titrema">media</td></tr>
<tr><td>texte msbv</td><td>texte media</td></tr></table>

A place dans la feuille de style CSS:

Code:

.tablo{text-align: center;
background-color: #ccc;
color: #fff;}

.titrema{
border: 1px solid #fff;
background-color: #aaa;
text-transform: uppercase;
text-align: center;}

Concernant la question pour les derniers messages, merci d'ouvrir un sujet différent pour ce problème.

Cordialement.

[undertaker999]

Merci ! Résolu