DESIGN 5.

**Georgie Finnigan**

QEEL.

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>
      
      
      <br /><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><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><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>



<br /><blockquote><blockquote><table border="0"><tr><td align="left" style="vertical-align: top;width:50%"><div align="justify"><span class="groupes"><a href="http://sonorus.forumsactifs.com/g10-personnel" class="postlink" target="_blank"><font face="times new roman" color="#868782" style="letter-spacing:-1px" size="4"><i><b>personnel</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g3-gryffondor" class="postlink" target="_blank"><font face="times new roman" color="firebrick" style="letter-spacing:-1px" size="4"><i><b>gryffondor</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g4-serpentard" class="postlink" target="_blank"><font face="times new roman" color="#9FA852" style="letter-spacing:-1px" size="4"><i><b>serpentard</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g5-serdaigle" class="postlink" target="_blank"><font face="times new roman" color="#5295BA" style="letter-spacing:-1px" size="4"><i><b>serdaigle</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g6-poufsouffle" class="postlink" target="_blank"><font face="times new roman" color="#F2C24F" style="letter-spacing:-1px" size="4"><i><b>poufsouffle</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g7-durmstrang" class="postlink" target="_blank"><font face="times new roman" color="#AC8358" style="letter-spacing:-1px" size="4"><i><b>durmstrang</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g8-salem" class="postlink" target="_blank"><font face="times new roman" color="#A5B2A9" style="letter-spacing:-1px" size="4"><i><b>salem</b></i></font></a></span>, <span class="groupes"><a href="http://sonorus.forumsactifs.com/g9-beauxbatons" class="postlink" target="_blank"><font face="times new roman" color="#8976AB" style="letter-spacing:-1px" size="4"><i><b>beauxbâtons</b></i></font></a></span><br><br>

<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>

</td><td> </td><td align="left" style="vertical-align: top;width:50%"><div style="background-color: #000000; overflow: auto; padding:1px; height: 220px; width:310px; text-align: justify"><table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify">{L_CONNECTED_MEMBERS}</table></div></td></tr></table></blockquote></blockquote>
<br />


{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>

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*/

.cadre2 {
background-color:#170000;
width:556px !important;
height:137px !important;
}

.cadre1
{border: none;
opacity:0.9;
background-color: #000000;
padding:3px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 1px solid #C26546;
}
.cadre1:hover
{border: none;
opacity:1;
background-color: #000000;
padding:3px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 1px solid #801B1E;
}

.liensutiles{
font-family: arial ;
text-align:center;
background-color:#000000;
padding-left:4px;
padding-right:4px;
border-bottom: 1px solid #801B1E;
}

.liensutiles:hover{
font-family: arial ;
text-align:center;
background-color:#000000;
padding-left:4px;
padding-right:4px;
border-bottom: 1px dashed #801B1E;
}

.topaffiliate{
opacity:0.6;}

/*INFOBULLES*/

a.imginfo {
position: relative;
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;
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: 10px; /* on positionne notre infobulle */
left: 0px;
height:70px;
width:263px;
background: #170000;
color:#6B6B6A;
padding: 3px;
}

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

a.imginfo2 span {
display: none; /* on masque l'infobulle */
}
a.imginfo2: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.imginfo2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
border-radius: 5px 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: 10px; /* on positionne notre infobulle */
left: -91px;
height:70px;
width:263px;
color:#6B6B6A;
background: #170000;
padding: 3px;
}

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

a.imginfo3 span {
display: none; /* on masque l'infobulle */
}
a.imginfo3: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.imginfo3:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
border-radius: 5px 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: 10px; /* on positionne notre infobulle */
left: -182px;
height:70px;
width:263px;
color:#6B6B6A;
background: #170000;
padding: 3px;
}

/*LIENS DES FORUMS*/

a.forumlink{
color: #C26546 !important;
font-weight:bold;
font-family:arial narrow;
text-transform: uppercase;
font-size:24px;
letter-spacing:-2px;
display:block;
border-bottom: 1px dashed #801B1E;
padding-left:10px;
}

a.forumlink:hover{
color: #C26546 !important;
font-weight:bold;
font-family:arial narrow;
text-transform: uppercase;
font-size:24px;
letter-spacing:-2px;
border-bottom: 1px dashed #B74D39;
display:block;
padding-left:10px;
}

.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;
color: #B74D39;
}

/*PROFIL*/

.profilentour {
padding:3px;
background-color:#170000;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;
border-bottom: 1px dashed #801B1E;
}

.pseudo{
font-family: arial ;
text-align:center;
font-size:13px;
text-transform:uppercase;
border-bottom: 1px solid #801B1E;
}

/*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;
}

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

#i_logo {margin-top:-10px;}

Code:: <center><br><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: 15pt; FONT-FAMILY: tahoma; LETTER-SPACING: 11px"><font color="#7A1111">bienvenue sur sonorus</font></font><br><br>
<a href="http://sonorus.forumsactifs.com/the-wizards-rules-f3/contexte-t4.htm" class="liensutiles">CONTEXTE</a><a href="http://sonorus.forumsactifs.com/the-wizards-rules-f3/annexe-au-contexte-t19.htm" class="liensutiles">ANNEXE</a><a href="http://sonorus.forumsactifs.com/the-wizards-rules-f3/reglement-t15.htm" class="liensutiles">RÈGLEMENT</a><a href="http://sonorus.forumsactifs.com/the-sorting-hat-f2/le-people-de-poudlard-t3.htm" class="liensutiles">BOTTIN</a><a href="http://sonorus.forumsactifs.com/miroir-du-rised-f9/" class="liensutiles">SCÉNARII</a><a href="http://sonorus.forumsactifs.com/have-you-seen-these-wizards-f8/poudlard-et-ses-descendants-t2.htm" class="liensutiles">PRÉDÉFINIS</a><a href="http://sonorus.forumsactifs.com/t6-professeurs-et-personnel" class="liensutiles">PVS PERSONNEL</a><a href="http://sonorus.forumsactifs.com/f12-rappeltout" class="liensutiles">POSTES POUDLARIENS</a><a href="http://sonorus.forumsactifs.com/f13-floo-powder" class="liensutiles">PARTENARIAT</a>
<br><br>
<blockquote><blockquote><table border="0"><tr><td align="left" style="vertical-align: top; width:50%;"><div align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: 15pt; FONT-FAMILY: tahoma; LETTER-SPACING: -2px"><font color="#C26546">en vrac</font></font></div><br><div style="background:#7A1111; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;"><font color="#7A1111"><span style="font-size: 2px; line-height: normal">.</span></font></div>
<br><div align="justify">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.

C'est Halloween, <strong>année deux-mille soixante</strong>. Il n'y a pas encore de pluie, mais les températures baissent. N'oubliez pas de sortir couverts.</div><br><div align="center"><img src="http://img407.imageshack.us/img407/2763/sonorus5bouton.png" class="cadre1"> <img src="http://img832.imageshack.us/img832/3319/sonorus5bouton4.png" class="cadre1"><br><br>
A PRODUCTION OF <a href="http://sonorus.forumsactifs.com/u1" class="liensutiles">GEORGIE</a>, <a href="http://sonorus.forumsactifs.com/u14" class="liensutiles">TRISTAN</a> AND <a href="http://sonorus.forumsactifs.com/u64" class="liensutiles">LÉONIE</a>. </div></td><td> </td><td align="left" style="vertical-align: top; width:50%;"><div align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: 15pt; FONT-FAMILY: tahoma; LETTER-SPACING: -2px"><font color="#C26546">les news</font></font></div><br><div style="background:#7A1111; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;"><font color="#7A1111"><span style="font-size: 2px; line-height: normal">.</span></font></div>
<br><div align="justify"><strong>29 janvier 2011</strong> • installation de la cinquième version, réalisée par applestorm. donnez votre avis <a href="http://sonorus.forumsactifs.com/t357-mise-a-jour-du-29-01-2011" class="postlink">ici</a>.<br>
<strong>30 décembre 2010</strong> • lancement des inscriptions à la seconde intrigue.<br>
<strong>27 décembre 2010</strong> • installation de la quatrième version, réalisée par applestorm, grand ménage.<br>
<strong>27 novembre 2010</strong> • installation de la troisième version, réalisée par applestorm, élection de deux modérateurs, mise en ligne de la première vidéo du forum.<br>
<strong>31 octobre 2010</strong> • installation de la seconde version, réalisée par applestorm, grand ménage, lancement de la première intrigue.<br>
<strong>17 octobre 2010</strong> • premier recensement.<br>
<strong>26 septembre 2010</strong> • ouverture de sonorus, première version réalisée par applestorm.</div></td></tr></table>
<br><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>
<i>Sonorus est l'entière propriété de son administratrice.<br> Toute copie, même partielle, est totalement prohibée et punie par la loi. <br>Forum optimisé sous firefox.</i>

<br></blockquote></blockquote></center>