DESIGN 4.

**Georgie Finnigan**

Code:: <div class="baniere"><blockquote><blockquote><div align="center"><div style="background-color:#F2F2F2; border-top: 1px solid #40D2E1; border-bottom: 1px solid #40D2E1; padding: 5px; width: 400px; text-align:center;"><font style="letter-spacing:7px;"><font face="courier new"><span style="font-size: 32px; line-height: normal"><a>- SONORUS -</a></span></font></font></div>
<span style="font-size: 9px; line-height: normal"><strong><a href="http://sonorus.forumsactifs.com/t15-reglement" class="postlink">RÈGLEMENT</a></strong> ✤ <a href="http://sonorus.forumsactifs.com/t4-contexte" class="postlink"><strong>CONTEXTE</strong></a> ✤ <a href="http://sonorus.forumsactifs.com/t19-annexe-au-contexte" class="postlink"><strong>ANNEXE</strong></a> ✤ <strong><a href="http://sonorus.forumsactifs.com/the-sorting-hat-f2/le-people-de-poudlard-t3.htm" class="postlink">BOTTIN</a> </strong>✤ <strong><a href="http://sonorus.forumsactifs.com/have-you-seen-these-wizards-f8/poudlard-et-ses-descendants-t2.htm" class="postlink">PRÉDÉFINIS</a></strong><br>
<strong><a href="http://sonorus.forumsactifs.com/miroir-du-rised-f9/" class="postlink">SCÉNARII</a> </strong>✤<strong> <a href="http://sonorus.forumsactifs.com/t6-professeurs-et-personnel" class="postlink">PV PERSONNEL</a></strong> ✤ <strong><a href="http://sonorus.forumsactifs.com/f12-rappeltout" class="postlink">POSTES POUDLARIENS</a></strong> ✤ <strong><a href="http://sonorus.forumsactifs.com/t11-formulaire-de-partenariat" class="postlink">PARTENARIAT</a></strong></span>
</div><br><div align="justify"><i>« Maman ? » marmotta un petit garçon à la chevelure brune et à l'air complètement ensommeillé. « Pourquoi les histoires finissent toujours bien, à la fin ? » La jeune femme assise sur le lit de son fils, qui la regardait fixement, se redressa légèrement. Elle finit par sourire amusé et affectueux, un brin moqueuse. Elle ébouriffa gentiment les cheveux du petit garçon. « Parce que c'est mieux comme ça que le contraire, mon cœur » répondit-elle en riant, tandis que le petit garçon affichait une moue insatisfaite. Elle se leva, se pencha pour embrasser une dernière fois son fils avant la nuit, puis tourna les talons. Un doigt sur l'interrupteur, elle observa l'enfant avec tendresse. « Bonne nuit, mon cœur. » Sans bruits, elle referma la porte, plongeant la pièce dans l'obscurité, et le petit garçon dans ses tempêtes intérieures. (...)</i>
<br><br>
Sonorus est un forum basé sur la célèbre saga <i>Harry Potter</i>, de JK Rowling. Les héros de la saga ont bien vieillit, et voilà que leurs descendants sont à Poudlard. Mais cette nouvelle rentrée à Poudlard ne sera pas comme les autres. Une énorme surprise attend les jeunes anglais à leur retour au collège.<br>
Nous sommes fin octobre, année <strong>deux-mille soixante</strong>. L'automne est là, à présent, la pluie reprend peu à peu ses droits, malgré les températures encore douces.</div><br><div style="margin:auto;text-align:center;width:100%"><a href="http://mligs.forumcanada.org/forum.htm" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a> <a href="http://www.revival-rock.net/forum.htm" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a> <a href="http://www.swifts-creek.com" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a> <a href="http://showmeyourbadge.forumactif.ws/" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a> <a href="http://fluolescent.1fr1.net/" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a> <a href="http://eloge-folie.forumactif.ws/" class="postlink"><img src="http://img32.imageshack.us/img32/6178/hat48x48e.png" class="topaffiliate"></a><br><br>
<a class="imginfo"><strong>GEORGIE</strong><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><img src="http://img153.imageshack.us/img153/6565/gintacenter.png" border="0" alt="" />
<br><b>administratrice</b><br/><a href="http://sonorus.forumsactifs.com/u1" class="postlink">mater</a> - <a href="http://sonorus.forumsactifs.com/privmsg?mode=post&u=1" class="postlink">draguer</a><br>
© gintalove @LJ</td></tr><tr><td style="text-align: center;"></td></tr><tr align="center"/></tbody></table></span></a> ✤ <a class="imginfo"><strong>TRISTAN</strong><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><img src="http://img26.imageshack.us/img26/3231/83760877.png" border="0" alt="" /><br>
<b>modérateur</b><br/><a href="http://sonorus.forumsactifs.com/u14" class="postlink">mater</a> - <a href="http://sonorus.forumsactifs.com/privmsg?mode=post&u=14" class="postlink">draguer</a><br>
© slightlytookish @LJ</td></tr><tr><td style="text-align: center;"></td></tr><tr align="center"/></tbody></table></span></a> ✤ <a class="imginfo"><strong>LÉONIE</strong><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><img src="http://i48.tinypic.com/24q5o49.jpg" border="0" alt="" /><br><b>modératrice</b><br/><a href="http://sonorus.forumsactifs.com/u64" class="postlink">mater</a> - <a href="http://sonorus.forumsactifs.com/privmsg?mode=post&u=64" class="postlink">draguer</a><br>© riddle</td></tr><tr><td style="text-align: center;"></td></tr><tr align="center"/></tbody></table></span></a><br>
<br><strong>vingt-six septembre 2010</strong> → ouverture de sonorus.<br>
<strong>vingt-sept décembre 2010</strong> → quatrième version.
</div></blockquote></blockquote></div><br>

Code:: /*EN VRAC*/

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

body{text-align:justify;}

a{
outline: none;
}

tr.post span.gensmall { display: none; }

.postbody {
display: block;
text-align:justify;
padding-left: 15px;
padding-right: 15px;
}

/*PA VIGNETTES FOND TOPA ETC*/

.baniere {
background: url("http://img525.imageshack.us/img525/4751/sonorus4fondpa.png");
width:792px;
height:379px;
position:top center;
}

.pix
{border: none;
opacity: 0.6;
background-color: transp;
padding:1px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
border: 1px solid #BA613D;
-moz-border-radius: 3px;
}

.pix:hover
{border: none;
background-color: transp;
padding:1px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
border: 1px solid #BA613D;
-moz-border-radius: 3px;
}

.topaffiliate{
opacity:0.6;}

/*INFOBULLES*/

a.imginfo {
position: relative;
color: #C7DF02;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
border-radius: 5px 5px;
-moz-border-radius: 5px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 13px; /* on positionne notre infobulle */
left: -5px;
background: #EEECE7;
color: black;
padding: 3px;
border: 0px solid grey;
border-left: 3px solid #FF4EA2;
border-right: 3px solid #FF4EA2;
border-top: 1px solid #FF4EA2;
border-bottom: 1px solid #FF4EA2;
}

/*LIENS DES FORUMS*/

a.forumlink{
color:#40D2E1;
font-weight:normal;
font-family:courier new;
text-transform: lowercase;
font-size:18px;
text-align:center;
letter-spacing:-2px;
border-bottom: 2px solid #FF4EA2;
border-top: 2px solid #C7DF02;
display:block;
}

a.forumlink:hover{
color: #40D2E1;
font-weight:normal;
font-family:courier new;
text-transform: lowercase;
font-size:18px;
text-align:center;
letter-spacing:-2px;
border-top: 2px solid #FF4EA2;
border-bottom: 2px solid #C7DF02;
display:block;
}

.lienscat{
text-decoration: none;
font-size: 11px;
Font-Family : verdana;
letter-spacing: -1px;
text-transform:lowercase;
text-align:center;
}

/*BARRE DE NAVIGATION*/

.mainmenu {
text-transform: lowercase;
font-family:verdana;
font-size:11px;
text-align:center;
letter-spacing:-1px;
}

/*PROFIL*/

.profilentour {
padding:3px;
background-color:#EEECE7;
-moz-border-radius:2px;
}

.pseudo {
font-size: 16px;
font-family: arial narrow;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
}

/*LIENS*/

a {
text-decoration: none !important;
}

a:hover {
text-decoration: none !important;
}

/*MARGES ET CONTOURS*/

.queelfond{
background-color:#F2F2F2;
}

.bodyline{
border-top: none !important;
border-bottom: none !important;
}

body {
margin: 0 auto;
}

#i_logo {margin-top:0px;}

.bodyline {
padding-right: 0px;
padding-left:0px;
}

**Georgie Finnigan**

Spoiler:

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      

<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            

<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>




<div class="queelfond"><table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques">
<tr><td width="50%"><blockquote><blockquote><div align="center">
<span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=10"><font color="#868782" size="5"><font face="courier new">PERSONNEL</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=3"><font color="firebrick" size="5"><font face="courier new">GRYFFONDOR</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=4"><font color="#9FA852" size="5"><font face="courier new">SERPENTARD</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=5"><font color="#5295BA" size="5"><font face="courier new">SERDAIGLE</font></font></a></span>

<span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=6"><font color="#F2C24F" size="5"><font face="courier new">POUFSOUFFLE</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=7"><font color="#AC8358" size="5"><font face="courier new">DURMSTRANG</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=8"><font color="#A5B2A9" size="5"><font face="courier new">SALEM</font></font></a></span> <font color="#EEECE7">-</font> <span class="groupes"><a href="http://sonorus.forumsactifs.com/groupcp.forum?g=9"><font color="#8976AB" size="5"><font face="courier new">BEAUXBÂTONS</font></font></a></span></div>

<div align="justify"><span class="gensmall"><span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Bienvenue à Poudlard, école de sorcellerie, pour une nouvelle année assez particulière. Depuis la rentrée, élèves et professeurs ont déjà envoyé et rendu");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/,"hiboux et devoirs.");</script>
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Aujourd'hui, nous pouvons recenser");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"sorcier qui se balade dans les couloirs.");</script><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"sorciers qui se baladent dans les couloirs.");</script>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier à avoir été réparti est");</script>. <br><br>
<span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"sorcier en ligne");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"sorciers en ligne");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"sorcier");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"sorciers");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible/,"sous sa cape d'invisibilité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles/,"sous leurs capes d'invisibilité");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"moldu");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"moldu");</script></span>
<br>
<font size="1">{LOGGED_IN_USER_LIST}</font></span></div></blockquote></blockquote>
</tr>
</table></div>

<table border="0" cellspacing="3" cellpadding="0" width="630" align="center" style="text-align: justify">
<div align="justify">{L_CONNECTED_MEMBERS}</div></table>

<div class="queelfond"><blockquote><table border="0" cellspacing="3" cellpadding="0" width="630" align="center" style="text-align: justify"><table border="0"><tr><td align="left" style="vertical-align: top;width:25%"><div align="justify"><font size="1">Contexte, design, page d'accueil, templates et css par <i>Applestorm</i>. © Forum optimisé pour mozilla firefox. </font></div></td><td> </td><td> </td><td> </td><td align="left" style="vertical-align: top;width:75%"><div align="justify"><font size="1"><b>Sonorus</b> est ouvert depuis le vingt-six septembre 2010. Il est administré par Applestorm (Georgie), et modéré par So' (Tristan) et Kiki (Léonie). L'univers s'inspire de la saga de JK Rowling. Le design, css, les scénarii, fiches et rps, etc, appartiennent à leur créateur. Toute reproduction, qu'elle soit partielle ou totale, est totalement prohibée.</font></div></td></tr></table></table></blockquote></div>


{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true
});
//]]>
</script>