Page d'accueuil;

Invité

Je garde la base , on se sait jamais :

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 32px; line-height: normal"><font face="courier new">FOREVER AND NEVER</font></span></div><font style="background-color: black;"> <div align="center"><strong></strong><br><br><br><font color="red"><strong><br></strong></font></div> <div style="margin:auto;text-align:center;width:100%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #D1AE95; LINE-HEIGHT: 20pt; FONT-FAMILY: courier new ; LETTER-SPACING: -2px"> <font style="background-color: #DED9C3;"><a href="http://shakingallover.forumsrpg.com/t263-contexte-il-etait-une-fois?sid=95d286644ece609ecc591f3b12bf8681" class="postlink">CONTEXTE</a> ♣ <a href="http://shakingallover.forumsrpg.com/t20-reglement" class="postlink">RÈGLEMENT</a> ♣ <a href="http://shakingallover.forumsrpg.com/f7-scenarios" class="postlink">SCENARII</a> ♣ <a href="http://shakingallover.forumsrpg.com/t65-liste-des-avatars" class="postlink">BOTTIN</a> ♣ <a href="http://shakingallover.forumsrpg.com/f54-partenariat" class="postlink">PARTENARIAT</a> ♣ <a href="http://shakingallover.forumsrpg.com/f9-invites" class="postlink">INVITES</a> ♣</FONT></div></font>

<span class="genmed"><span class="postbody"></span><table class="forumline table1 bg3" width="100%" cellspacing="1"><tbody><tr><th colspan="1" rowspan="1" class="thTop forabg" width="28%"> Titre </th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Titre </th><th colspan="1" rowspan="1" class="thTop forabg" width="29%"> Titre </th></tr>

<tr><td class="row3" colspan="1" rowspan="1" valign="top" align="center"><span class="postbody">Ecrire
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div align="justify"><font color="crimson">mon coeur, mon amour ;</font> ça dégouline d'amour. C'est beau mais c'est insupportable. Digne de ces romans à l'eau de rose débordant de sentiments et de passion. Je dégueule sur la facticité des sentiments, moi qui pourtant suis folle de Roméo et Juliette. Paradoxe infernale qui nous recale au simple rang de mortel, de sous race. Un homme sans palpitation n'est qu'une machine, un poupon désarticulé. Et un homme qui ne vit que par les battements de son coeur, alors? Certains vous diront qu'il n'y a rien de plus beau, de plus juste. D'autres se préserveront de tout commentaire, se contentant de voux fixer sans sourciller. D'autres en revanche, vous hurleront qu'il n'y a rien de plus honteux, de plus condamnable. Les sentiments, ils nous contrôlent, ils nous habitent et décident à notre place. [<a href="http://shakingallover.forumsrpg.com/t263-contexte-il-etait-une-fois?sid=95d286644ece609ecc591f3b12bf8681" class="postlink">...</a>]</div>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"> <center> <table><tr><span class="infoadmins"><a href="♣""><font face="Courir New"><span style="font-size: 12px; line-height: normal">♣</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></table></div> <table><tr> <td><span class="infoadmins"><a href="♣""><font face="Courir New"><span style="font-size: 12px; line-height: normal">♣</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></td></tr></table></div> <table><tr> <td><span class="infoadmins"><a href="♣""><font face="Courir New"><span style="font-size: 12px; line-height: normal">♣</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></td></tr></table></div></center> <span class="postbody"> <div style="margin:auto;text-align:center;width:100%"><img src="http://i568.photobucket.com/albums/ss121/Ending_violent/001-4.gif" border="0" alt="" /><br><img src="http://img26.xooimage.com/files/6/b/9/nina-2-18a010a.gif" border="0" alt="" /><br><img src="http://img48.xooimage.com/files/6/a/a/7-1ab27ba.gif" border="0" alt="" /></div>
</span></td></tr></tr></tbody></table></span>

Invité

Page d'accueil modifiée :

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>
<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 32px; line-height: normal"><font face="courier new">FOREVER AND NEVER</font></span></div><div align="center"><strong></strong><br><br><br><font color="red"><strong><br></strong></font></div> <div style="margin:auto;text-align:center;width:100%"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; COLOR: #D1AE95; LINE-HEIGHT: 20pt; FONT-FAMILY: courier new ; LETTER-SPACING: -2px"> <font style="background-color: #DED9C3;"><a href="http://shakingallover.forumsrpg.com/t263-contexte-il-etait-une-fois?sid=95d286644ece609ecc591f3b12bf8681" class="postlink">CONTEXTE</a> ♣ <a href="http://shakingallover.forumsrpg.com/t20-reglement" class="postlink">RÈGLEMENT</a> ♣ <a href="http://shakingallover.forumsrpg.com/f7-scenarios" class="postlink">SCENARII</a> ♣ <a href="http://shakingallover.forumsrpg.com/t65-liste-des-avatars" class="postlink">BOTTIN</a> ♣ <a href="http://shakingallover.forumsrpg.com/f54-partenariat" class="postlink">PARTENARIAT</a> ♣ <a href="http://shakingallover.forumsrpg.com/f9-invites" class="postlink">INVITES</a> ♣</FONT></div></font><br/>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
-moz-border-radius: 0px 3px 3px 3px;
-o-border-radius: 0px 3px 3px 3px;
-webkit-border-radius: 0px 3px 3px 3px;

}
.onglet_0
{
background:#.;
border-bottom:1px solid black;
}
.onglet_1
{
background:#.;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#FFF5F5;
border:1px solid black;
margin-top:-1px;
padding:10px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onmouseover="javascript:change_onglet('quoi');">Quoi</span>
<span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Qui</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Pourquoi</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">
<h1>...</h1>
Contenu de l’onglet
</div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1>...</h1>
<span class="postbody"><div align="justify"><font color="crimson">mon coeur, mon amour ;</font> ça dégouline d'amour. C'est beau mais c'est insupportable. Digne de ces romans à l'eau de rose débordant de sentiments et de passion. Je dégueule sur la facticité des sentiments, moi qui pourtant suis folle de Roméo et Juliette. Paradoxe infernale qui nous recale au simple rang de mortel, de sous race. Un homme sans palpitation n'est qu'une machine, un poupon désarticulé. Et un homme qui ne vit que par les battements de son coeur, alors? Certains vous diront qu'il n'y a rien de plus beau, de plus juste. D'autres se préserveront de tout commentaire, se contentant de voux fixer sans sourciller. D'autres en revanche, vous hurleront qu'il n'y a rien de plus honteux, de plus condamnable. Les sentiments, ils nous contrôlent, ils nous habitent et décident à notre place. [<a href="http://shakingallover.forumsrpg.com/t263-contexte-il-etait-une-fois?sid=95d286644ece609ecc591f3b12bf8681" class="postlink">...</a>]</div>
</span>
</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>...</h1><br/>
<center> <table><tr><td><span class="infoadmins"><a href=".""><img src="http://img48.xooimage.com/files/6/a/a/7-1ab27ba.gif" border="0" alt="" /><font face="Courir New"><span style="font-size: 12px; line-height: normal">.</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></td>
<td><span class="infoadmins"><a href=".""><img src="http://i568.photobucket.com/albums/ss121/Ending_violent/001-4.gif" border="0" alt="" /><font face="Courir New"><span style="font-size: 12px; line-height: normal">.</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></td>
<td><span class="infoadmins"><a href=".""><img src="http://img26.xooimage.com/files/6/b/9/nina-2-18a010a.gif" border="0" alt="" /><font face="Courir New"><span style="font-size: 12px; line-height: normal">.</span></font></a><span class="bulle"><center><span style="font-size: 09px; line-height: normal">SIENNA H. ANDERSON</span>
<b><span style="font-size: 10px; line-height: normal">administratrice</span></b><br>
<span style="font-size: 09px; line-height: normal"><a href="http://shakingallover.forumsrpg.com/u3" class="postlink">PROFIL</a> <a href="http://shakingallover.forumsrpg.com/privmsg?mode=post&u=3" class="postlink">MP</a></span></td></tr></table></center></div>
</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>
</html>

**Fonda** ▬ *« I'm as perfect as a goddess »*

GOOD *-*
je peux m'occuper des onglets ? (a)
'fin de les remplir itout itout xD

Invité

Oui oui vas-y :)

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Waaaw! **

Ouai Jade! Vas y.. Enfin, pour moi c'est bon! (a)

Moi je m'occupe du règlement là (a)

**Fonda** ▬ *« I'm as perfect as a goddess »*

Cool =D

je vais essayer de voir pour faire des images itout itout mais me faudra des photos parce que je suis nulle pour trouver des photos (a)

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Tu veux quoi comme genre d'image? (a)

**Fonda** ▬ *« I'm as perfect as a goddess »*

don't know...
j'ai peut-être une idée !
Sur chaque page, une célébrité avec à côté des liens ou des infos sur le fo ?

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Ouai! Pas mal comme idée! ^^

Mais tout d'abord, on met quoi comme onglets? Moi j'aurais bien vu un premier avec la navigation & Le contexte
Un deuxième avec les top sites, top partenaires & les infos du fow
Un troisième avec le staff

**Fonda** ▬ *« I'm as perfect as a goddess »*

Ouep !
tu peux me donner ce que je mets exactement, comme ça j'ai juste à copier, parce que chercher quand t'es dans le code c'est tenduuu mdr

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Tu veux que je te donne exactement ce que tu dois mettre ou comment? ^^ (Il est tard, je suis lente XD )

& Pour les célébrités... On met celles des trois fondas. Comme on a trois onglets

**Fonda** ▬ *« I'm as perfect as a goddess »*

Ce que je dois mettre mdr
Yep j'avais pensé à ça aussi =)

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Bon premier onglet, je dirais la navigation rapide sur le dessus (Contexte, règlement, Scénarios, Bottin, Partenariat... Heu j'en vois pas d'autre XD )
Ensuite, je vois bien Scarlett sur le côté gauche avec le contexte à côté) Le contexte ou alors un autre texte renvoyant la même idée que celui-ci pour ne pas se répéter? )

Après, bah des codes pour modeler le tout: je te laisse faire! XDy

**Fonda** ▬ *« I'm as perfect as a goddess »*

Toute façon le texte qu'on a mit ça sera pas le contexte final, faudra rajouter des choses dans le contexte je pense, nop ?

Et merciiiii =)

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Deuxième Onglet:

Je vois bien les Partenaires sur la gauche, avec les top sites en dessous. Pour les top, on choisirait une image et on ne mettrait par leur logo en pa.) Un lien permettant aux gens d'aller poster une demande de partenariat.

Su la droite les infos du forum avec: Les crédits, la date d'ouverture, le fait qu'il soit optimisé pour firefox, etc... Une partie recrutement avec un lien menant vers une demande quand on en aura besoin.

Aussi, on peut y ajouter une partie annonce, reprenant de manière succincte les annonces faites par les admins.

+ Une star à caser (moi ou roxane) dans tout ça! ^^

***fonda. ✄*** « rock this body, you look hot babe. ஏ

(Moi je pensais rajouter une intrigue ou quoi ^^ )

Troisième onglet: Une présentation du staff de manière originale avec infobulle je dirais. Maintenant, je n'ai pas plus d'idées... ^^'

+ Troisième star à caser XD

**Fonda** ▬ *« I'm as perfect as a goddess »*

Merci Chef pour toutes ces instructions =D
je ferais ça demain je suis morte aussi xD
le début ça va pour l'instant ?

***fonda. ✄*** « rock this body, you look hot babe. ஏ

J'aime beaucoup le début! **

& De rien... ~~Haan j'aime ça quand tu m'appelles chef~~

Tu es parfaite Jade! ♥ Moi au final, je finirais la mise en forme du règlement demain (a)... Je suis morte aussi! ^^

**Fonda** ▬ *« I'm as perfect as a goddess »*

Dites.. là où y a marqué " Quoi" sur la PA, je pensais mettre un texte (en image donc fait avec topshop) mais je sais pas quoi faire comme texte xD ni même si je rajoute des trucs pour faire classe mdr

**Fonda** ▬ *« I'm as perfect as a goddess »*

Bon sinon, au lieu que je fasse image par image, je fais une seule image, et après on place les liens dessus, seulement je sais pas trop comment on fait ça donc euh... si vous savez tell me xD

***fonda. ✄*** « rock this body, you look hot babe. ஏ

C'est comme tu veux! Wink

Les deux sont bons... Et heu, je sais pas comment on le fait XD

**Fonda** ▬ *« I'm as perfect as a goddess »*

Image par image c'est super long et moins précis quoi mdr
je vais chercher sur PRD =)

***fonda. ✄*** « rock this body, you look hot babe. ஏ

PRD... La solution à tous vos ennuis! XD

Invité

Jordan Ambre Anderson a écrit:: Bon sinon, au lieu que je fasse image par image, je fais une seule image, et après on place les liens dessus, seulement je sais pas trop comment on fait ça donc euh... si vous savez tell me xD

Je sais le faire :)
C'est une image cliquable ,
je veux bien le faire si tu me fais l'image !

***fonda. ✄*** « rock this body, you look hot babe. ஏ

Ah voui! J'avais pas compris! --'

*Part se cacher!* Je l'ai déjà fait en plus, mais persephone le fera mieux que moi! (a)

Oh, oui, en plus avec une image cliquable, on peut ajouter autant de choses qu'on veut comme déco ^^