Code de l'ancien PA de I need a hero.Le HTML : à coller dans affichage >> généralité
- Code:
-
<table width="750px" align="center" id="pa">
<tr>
<td align="center" valign="top" width="340px">
<!-- CONTEXTE -->
<h1>Contexte du forum :</h1>
<div class="pa-contexte">1977. Depuis 45 ans, des personnes à pouvoir, les NEXT, ont fait leur apparition. Auparavant craints par la population, l'un d'eux a prouvé que les NEXT pouvaient aider les gens. Son nom : Legend, premier Héros connu. Désormais disparu, Legend a été remplacé par nombre de Héros voulant suivre son exemple ou simplement connaître la gloire. Une chaine de télévision leur est dédié, montrant leurs exploits. Mais un nouvel Héros chamboule tout, refusant de prendre une fausse identité. Son nom : Barnaby Brooks Jr.
<p align="right" style="margin:0px;"><a href="http://tigerandbunny.forumgaming.fr/t4-i-need-a-hero">» En savoir plus ?</a></p></div><br>
<!-- PREDEFINIS -->
<h1>Les prédéfinis :</h1>
<div class="pa-predefs">
<a href="http://tigerandbunny.forumgaming.fr/t20-heros#dragon"><img src="http://img4.hostingpics.net/pics/628166ico6.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t20-heros#fire"><img src="http://img11.hostingpics.net/pics/543104ico1.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t20-heros#ninja"><img src="http://img11.hostingpics.net/pics/938023ico3.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t20-heros#blue"><img src="http://img11.hostingpics.net/pics/651461ico4.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t21-civils#agnes"><img src="http://img15.hostingpics.net/pics/777234ico11.jpg"></a><br />
<a href="http://tigerandbunny.forumgaming.fr/t35-next#vasi"><img src="http://img11.hostingpics.net/pics/720996ico13.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t30-heros#lelouch"><img src="http://img11.hostingpics.net/pics/278922ico14.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t30-heros#madoka"><img src="http://img11.hostingpics.net/pics/300525ico15.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t34-criminels#touko"><img src="http://img11.hostingpics.net/pics/136544ico16.jpg"></a>
<a href="http://tigerandbunny.forumgaming.fr/t31-civils#bumby"><img src="http://img11.hostingpics.net/pics/112004ico17.jpg"></a>
</div><br>
<!-- RPS LIBRES -->
<h1>RPS libres :</h1>
<div align="left">
• <a href="http://tigerandbunny.forumgaming.fr/t44-vous-reprendrez-bien-un-cafe#107">Vous reprendrez bien un café ?</a><br>
• <a href="http://tigerandbunny.forumgaming.fr/t100-quid-libre#545">Quid ?</a>
</div>
</td>
<td align="center" valign="top" width="410px">
<!-- BIENVENUE -->
<span class="pa-bienvenue1">Bienvenue sur<br></span>
<span class="pa-bienvenue2">"I need a Hero !"</span><br>
<!-- LIENS UTILES -->
<div class="pa-liens">
<a href="http://tigerandbunny.forumgaming.fr/t3-avoir-le-sens-de-la-justice">Réglement</a> -
<a href="http://tigerandbunny.forumgaming.fr/t6-quand-on-arrive-en-ville">Guide du nouveau</a> -
<a href="http://tigerandbunny.forumgaming.fr/t36-les-des-sont-jetes">Système de dés</a> -
<a href="http://tigerandbunny.forumgaming.fr/f8-faq-et-suggestions">Questions et suggestions</a>
</div><br><br>
<!-- NOUVEAUTES -->
<h1>Nouveautés :</h1>
<div class="pa-news">13/12 : Le premier event du forum <a href="http://tigerandbunny.forumgaming.fr/t156-event-1-devine-qui-s-invite?">est lancé</a>. Il est toujours possible de faire partie des participants.<br/>
10/12 : N'hésitez pas à jeter un œil aux prédéfinis qu'ils soient de l'anime, du forum ou des créations des membres !<br/>
17/09 : Ouverture du forum. Lancez-vous dans l'aventure ! Un petit <a href="http://tigerandbunny.forumgaming.fr/t37-les-gros-titres#84">message d'accueil</a> pour vous mettre dans le bain.</div><br>
<!-- PARTENAIRES -->
<h1>Nos partenaires :</h1>
<a href="http://chicken-eatgreen.forumactif.org"><img src="http://www.hapshack.com/images/9hUEg.png"></a>
<a href="http://you-are-mine.forumactif.org/"><img src="http://imageshack.us/a/img42/1737/0quz.jpg"></a>
<a href="http://nucleairesymphony.forums-gratuits.fr"><img src="http://i70.servimg.com/u/f70/16/61/42/55/60636610.png"></a><br>
<a href="http://tigerandbunny.forumgaming.fr/t16-les-heros-d-un-autre-monde">Plus</a> •
<a href="http://tigerandbunny.forumgaming.fr/t18-demandes-de-partenariats">Vous ?</a>
<br><br>
<!-- TOP SITES & CREDITS -->
<table width="300px" align="center"><tr>
<td align="center" width="200px">
<!-- TOP SITES -->
<h1 class="pa-top">Top Sites :</h1>
<a href="http://www.root-top.com/topsite/cda/in.php?ID=88"><img src="http://i.imgur.com/lfY9dmL.png" /></a>
<a href="http://en.root-top.com/toplist/chenshen/in.php?ID=1066"><img src="http://i.imgur.com/lfY9dmL.png" /></a>
<a href="http://www.root-top.com/topsite/callista/in.php?ID=762"><img src="http://i.imgur.com/lfY9dmL.png" /></a>
</td>
<td align="center" width="100px">
<!-- CREDITS -->
<div class="pa-credit">P.A par Liliana<br>
<a href="http://www.sos-rpg.com"><img src="http://i.imgur.com/MvXuLZk.png"></a></div>
</td>
</tr></table>
</td>
</tr>
</table>
CSS
- Code:
-
/* Titres */
#pa h1, .pa-top {color: #8ABD99; font-family: georgia; font-size: 17px; letter-spacing: -1px; margin: 0px; text-transform: uppercase;}
.pa-top {float: left; margin: 10px -40px 0px 20px!important; font-size: 15px!important;}
/* Bienvenue */
.pa-bienvenue1 {color: #4a5542; font-size: 40px; font-family: georgia; line-height: 12px;}
.pa-bienvenue2 {color: #6aab5f; font-size: 35px; line-height: 30px; font-style: italic;}
/* Liens utiles & Contexte & News & Predefs & Credit */
.pa-liens {font-size: 12px; font-variant: small-caps;}
.pa-contexte {text-align: justify; padding: 0px 5px 0px 5px;}
.pa-news {text-align: justify; padding: 0px 20px 10px 20px;}
.pa-credits {line-height: 8px; font-size: 9px;}
.pa-predefs img {width: 40px; height: 40px;}
Pour modifier la couleur du bienvenue, il suffit de changer les deux codes couleurs du "pa-bienvenue", le 1 étant celui du haut et le 2 celui du bas =).