tu vas dans ton PA et tu clic sur "modules"
puis tu va en bas de page et tu clic sur "Gestion des pages HTML"
tu clic sur "créés une nouvelle page HTML"
tu lui mèt un titre, non au deux question, et tu y mèt se code.
le code en entier
- Code:
<style>/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.bouton
{
display: block;
width: 246px;
height: 37px;
overflow: auto;
background-color: #1D1D1D;
}
.Page_accueil_staff_1
{
position: absolute;
display: block;
z-index: 3;
width: 70px;
margin: auto;
height: 112px;
overflow: hidden;
border: 2px solid #9c9c9c;
box-shadow: 1px 1px 1px #191817;
-moz-box-shadow: 1px 1px 1px #191817;
-htm-box-shadow: 1px 1px 1px #191817;
-webkit-box-shadow: 1px 1px 1px #191817;
-o-box-shadow: 1px 1px 1px #191817;
}
.Page_accueil_staff_2
{
position: relative;
display: block;
z-index: 4;
width: 61px;
height: 103px;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: justify;
padding: 5px;
border: 2px solid #9c9c9c;
box-shadow: 1px 1px 1px #191817;
-moz-box-shadow: 1px 1px 1px #191817;
-htm-box-shadow: 1px 1px 1px #191817;
-webkit-box-shadow: 1px 1px 1px #191817;
-o-box-shadow: 1px 1px 1px #191817;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.Page_accueil_staff_2:hover
{
color: #ffffff;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a
{
texte-decoration: none;
color: #8B0000;
}
a:hover
{
texte-decoration: none;
color: #ffffff;
}
.Page_accueil_1
{
width: 700px;
margin: auto;
background-color: #000000;
border-top: 8px solid #720808;
border-bottom: 1px dotted #720808;
border-left: 1px dotted #720808;
border-right: 1px dotted #720808;
-webkit-border-top-left-radius: 335px;
-webkit-border-top-right-radius: 335px;
-moz-border-radius-topleft: 335px;
-moz-border-radius-topright: 335px;
border-top-left-radius: 335px;
border-top-right-radius: 335px;
}
.Page_accueil_2
{
display: block;
width: 100%;
height: 335px;
background: url(http://i.imgur.com/n0RtB.jpg) center center;
-webkit-border-top-left-radius: 335px;
-webkit-border-top-right-radius: 335px;
-moz-border-radius-topleft: 335px;
-moz-border-radius-topright: 335px;
border-top-left-radius: 335px;
border-top-right-radius: 335px;
}
.Page_accueil_cadre
{
position: relative;
z-index: 1;
display: block;
width: 680px;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #720808;
transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-htm-transform: rotate(4deg);
}
.Page_accueil_3
{
position: absolute;
z-index: 2;
display: block;
width: 694px;
height: 45px;
color: #000000;
font-size: 35px;
text-transform: uppercase;
text-shadow: 2px 2px 1px #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
border-bottom: 3px dotted #ffffff;
}
.Page_accueil_table_1
{
margin-top: 30px;
}
.Page_accueil_table_2
{
width: 70px;
}
.Page_accueil_4, .Page_accueil_4_b, .Page_accueil_4_c, .Page_accueil_6
{
position: relative;
z-index: 2;
display: block;
width: 100%;
text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.Page_accueil_4, .Page_accueil_4_c, .Page_accueil_6
{
z-index: 2;
color: #8B0000;
text-shadow: 1px 1px 0px white;
}
.Page_accueil_4_b
{
z-index: 0;
color: #000000;
}
.Page_accueil_5_b
{
direction: rtl;
}
.Page_accueil_5, .Page_accueil_5_b, .Page_accueil_7, .Page_accueil_8, .Page_accueil_9
{
position: relative;
z-index: 1;
overflow: auto;
color: #ffffff;
text-align: justify;
padding: 5px;
margin-top: -8px;
background-color: black;
border-right: 1px dotted white;
border-width: 5px 1px 1px;
border-style: solid dotted dotted;
border-color: darkred white white;
}
.Page_accueil_5, .Page_accueil_5_b
{
width: 323px;
height: 200px;
border-left: 1px dotted white;
}
.Page_accueil_5_b
{
direction: rtl;
}
.Page_accueil_6
{
transition: all 1s ease 0s;
}
.Page_accueil_7
{
width: 410px;
height: 78px;
border-left: 1px dotted white;
}
.Page_accueil_8
{
width: 246px;
height: 78px;
}
.Page_accueil_9
{
width: 668px;
height: 122px;
}
.Page_accueil_credit
{
display: block;
text-align: center;
color: #926c6c;
font-size: 10px;
font-family: arial narrow;
letter-spacing: 2px;
}</style>
<br />
<div class="Page_accueil_1">
<span class="Page_accueil_2">
<a href="http://loup-garou-rpg.azurforum.com/">
<img src="http://i16.servimg.com/u/f16/17/94/46/14/loup-510.gif" border="0" alt="" />
</a>
</span>
<span class="Page_accueil_cadre">
</span>
<span class="Page_accueil_3">
Loup-Garou RPG
</span>
<table cellspacing="10" cellpadding="0" class="Page_accueil_table_1">
<tr>
<td>
<span class="Page_accueil_4">
Contexte
</span>
<div class="Page_accueil_5_b">
<center>
<img src="http://i16.servimg.com/u/f16/17/94/46/14/loup-410.jpg" border="0" alt="" />
</center>
<br />
<br />
<div>
<font size="5">
<font face="French Script MT">
<font color="darkred">
I
</font>
</font>
</font>
ntro au contexte
<br>
<br>
<div align="justify">
Je ne commencerai pas mon récit avec
<font color="darkred">
«
</font>
il était une fois
<font color="darkred">
»
</font>
parce que normalement quand on débute de cette façon, ça se termine toujours avec un
<font color="darkred">
«
</font>
ils vécurent heureux et eurent beaucoup d'enfants
<font color="darkred">
»
</font>
ce qui est malheureusement loin d'être notre cas, vraiment loin
<br>
</div>
</div>
<br>
<br>
<div>
<font size="7">
<font face="French Script MT">
<font color="darkred">
C
</font>
</font>
</font>
<u>
<span style="font-size: 18px; line-height: normal">
ontexte
</span>
</u>
</div>
<br>
<div>
<div align="justify">
Une nuit de pleine lune, une étrange sensation de danger se faisait sentir au sein de cet humble village. Le lendemain matin, plusieurs cadavres avaient été retrouvé, éparpillés dans le village, certains sans tête d'autre sans jambes; ils avaient été mangés. Chacun commençait à se poser des questions quant à ces assassinats, plusieurs supposaient que c'était des créatures, d'autres racontaient que c'était des monstres venus des bois. Par contre, un vieil homme s'exprima en mentionnant que ce ne pouvait être autre chose que un ou des loups-garous. Les gens ayant bonne foi en ce pauvre vieil homme se barricadèrent chez eux, le soir venu. Malheureusement, au petit matin, un nouvel habitant était mort. Il s'agissait d'un homme, un seul, brave et gentil, apprécié de la population, le vieil homme qui avait crié au loup. Il y eut alors un rassemblement sur la place du village, où est-ce que le maire prit la parole. Il décida que dorénavant, à chaques jours, ils allaient passer au vote. Et que la personne ayant reçue le plus de votes passerait au bûcher. C'était la seule solution trouvée par le maire pour éliminer la ou les personnes qui était(ent) l'auteur(es) de ces crimes ! Donc, sauvez votre peau et tuer ces malheureux. Que les loups périssent sur le feu !
</div>
</div>
</div>
</td>
<td>
<span class="Page_accueil_4">
Concept
</span>
<div class="Page_accueil_5">
<center>
<img src="http://i.imgur.com/gZHim.jpg" border="0" alt="" />
</center>
<br />
<br>
<div>
<div align="justify">
Connaissez-vous les loups-garou ? Vous savez, les humains qui se transforment en bête poilue, le soir de la pleine lune ? Oui c'est ça ! Bref, ce site est inspiré du jeu
<font color="darkred">
«
</font>
Loup-Garous de Thiercelieux
<font color="darkred">
»
</font>
. Ce jeu en question est un jeu de société qui consiste a incarner un personnage comme une sorcière, un villageois, un loups-garou, évidemment, et pleins d'autres! Le but du jeu est simple. Il faut que les villageois démasquent tous les loups-garous, et le rôle des loups-garous est d'éliminer tous les villageois avant que ceux-ci n'atteignent leur but. Certains personnages ont un pouvoir comme la voyante qui peut découvrir les cartes des autres, comme le chasseur qui peut tuer une personne avant de mourir ou bien comme la sorcière qui peut tuer ou faire revivre quelqu'un de ses cendres. Mais plusieurs autres rôles vous attendent ! Quelques-uns sont même inventés ! Des rôles qui n'ont jamais effleurer l'esprit des vrais créateurs du jeu Loup-Garou de Thiercelieux.
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="Page_accueil_6">
<a href="http://loup-garou-rpg.azurforum.com/f1-reglements">
Règlement
</a>
<img src="http://i16.servimg.com/u/f16/17/94/46/14/t-110.jpg" border="0" alt="" />
<a href="http://loup-garou-rpg.azurforum.com/t22-contexte-et-concept">
Contexte
</a>
<img src="http://i16.servimg.com/u/f16/17/94/46/14/t-110.jpg" border="0" alt="" />
<a href="http://loup-garou-rpg.azurforum.com/f37-pre-definis">
Pré-définis
</a>
<img src="http://i16.servimg.com/u/f16/17/94/46/14/t-110.jpg" border="0" alt="" />
<a href="lien">
Contact Us
</a>
<img src="http://i16.servimg.com/u/f16/17/94/46/14/t-110.jpg" border="0" alt="" />
<a href="http://loup-garou-rpg.azurforum.com/">Site</a>
</div>
<table cellspacing="10" cellpadding="0">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<span class="Page_accueil_4">
Infos
</span>
<div class="Page_accueil_7">
Nombre de membres : 7 membres enregistrés
<br />
Nombre de messages : 77 messages
<br />
Date de Création : 12/12/12 - Date d'ouverture : 29/12/12
<br />
Inspiration : Loup-Garous de Thiercelieux
</div>
</td>
<td>
<span class="Page_accueil_4_b">
Bouton
</span>
<div class="Page_accueil_8">
<center>
<a href="http://loup-garou-rpg.azurforum.com">
<img src="http://i.imgur.com/8ko8n.jpg">
</a>
<br />
<span class="bouton">
<a href="http://loup-garou-rpg.azurforum.com">
<img src="http://i.imgur.com/8ko8n.jpg">
</a>
</span>
</center>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<span class="Page_accueil_4">
Staff
</span>
<div class="Page_accueil_9">
<table>
<tr>
<td class="Page_accueil_table_2">
</td>
<td>
<div >
<span>
<img src="http://i.imgur.com/fzVxs.jpg" class="Page_accueil_staff_1"/>
</span>
<span class="Page_accueil_staff_2">
Fondatrice
<br />
<a href="http://loup-garou-rpg.azurforum.com/t9-the-swan-song-swan-kae">
Swan Kae
</a>
<br />
<a href="http://loup-garou-rpg.azurforum.com/privmsg?mode=post&u=1">
contact
</a>
<br />
</span>
</div>
</td>
<td class="Page_accueil_table_2">
</td>
<td>
<div>
<span>
<img src="http://i.imgur.com/T3bUI.jpg" class="Page_accueil_staff_1"/>
</span>
<span class="Page_accueil_staff_2">
Admin
<br />
<a href="http://loup-garou-rpg.azurforum.com/t28-selena-grimes">
Swan Kae
</a>
<br />
<a href="http://loup-garou-rpg.azurforum.com/privmsg?mode=post&u=2">
contact
</a>
<br />
</span>
</div>
</td>
<td class="Page_accueil_table_2">
</td>
<td>
<div >
<span>
<img src="http://i.imgur.com/nULpy.jpg" class="Page_accueil_staff_1"/>
</span>
<span class="Page_accueil_staff_2">
Newbie
<br />
<a href="http://loup-garou-rpg.azurforum.com/t28-selena-grimes">
Lucy Q.Fabray
</a>
<br />
<a href="http://loup-garou-rpg.azurforum.com/privmsg?mode=post&u=4">
contact
</a>
</span>
</div>
</td>
<td class="Page_accueil_table_2">
</td>
<td>
<div >
<span>
<img src="http://i.imgur.com/3yzzv.jpg" class="Page_accueil_staff_1"/>
</span>
<span class="Page_accueil_staff_2">
Newbie
<br />
<a href="http://loup-garou-rpg.azurforum.com/t28-selena-grimes">
Hanna Lee.
</a>
<br />
<a href="http://loup-garou-rpg.azurforum.com/privmsg?mode=post&u=3">
contact
</a>
</span>
</div>
</td>
<td class="Page_accueil_table_2"></td>
</tr>
</table>
</div>
<a class="Page_accueil_credit" href="http://www.never-utopia.com">
© Never-Utopia
</a>
</div>
<br />
t'enregistre
tu re-clic sur "Gestion des pages HTML"
copie l'adresse de ta page
et tu la colle dans se code a la place de lien
- Code:
[center]<iframe src="lien" scrolling="no" frameborder="no" align="center"height="1000" width="710"></iframe>[/center]
et t'aura un code qui ressebler a celui si
si tu fait une citation tu verre que le code que je met sur le topic est cour
le code que t'obtiendra sera a méttre partout où tu veux faire ta pub.
Maintenant i need the code *-* hahaha