Commande ET

Nature de la création : Il s'agit du codage des sujets du forum sur la page d'accueil.

Exemple ou plan :

Image de fond : Il n'y a pas d'images de fond/

Police : Pas de police particulière, celle utilisée sur le forum.
Eléments :
Je ne sais pas si les images sont vraiment utiles pour le codage où si je devrai le faire manuellement, mais il vaut mieux donner trop que pas assez =)

Titre des catégories :

Images nouveau/verrouillé etc...

Exemple d'image à droite de la description du sujet :

Largeur du forum : 850px (mais il est à 50% dans le panneau d'admin)
CSS de votre forum :
Code du CSS :

Code:: .imageqeel
{
background-image: url('http://img11.hostingpics.net/pics/681055QEEL01.png');
height:250px;
width:800px;
padding-top: 200px;
padding-left:50px;
}
.bodyline
{
padding: 0px;
}
body
{
margin: 0px;
}
.texteqeel
{
padding: 20px;
text-align: justify;
font-size: 10px;
}
.tableauqeel
{
margin-top: 15px;
}
a:hover
{
text-decoration: none !important;
letter-spacing: 4px;
}

a
{
text-decoration: none !important;
}

a:link
{
text-decoration: none;

}

a:visited
{
text-decoration: none;
letter-spacing: 4px;
}

Encore une fois, je ne sais pas si ça sera utile... Mais voici le code d'index_body, en espérant que ça soit utile au codeur .-.

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="window.location='/facebook_connect.forum'" v="2" scope="{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></span>


<br /><span class="gensmall"><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="window.location='/facebook_connect.forum'" v="2" scope="{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="imageqeel">
<table border=0 class="tableauqeel">
<tr>
<td rowspan=3>
<span class="gensmall">

   <a href="http://taiyougakuen.forumactif.fr/g3-personnel" style="color: #914086; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>PERSONNEL</b></a> <br />
   <a href="http://taiyougakuen.forumactif.fr/g4-black-pearl" style="color: #272727; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>BLACK PEARL</b></a> <br />
   <a href="http://taiyougakuen.forumactif.fr/g5-diamond" style="color: #b4b4b4; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>DIAMOND</b></a> <br />
   <a href="http://taiyougakuen.forumactif.fr/g6-emerald" style="color: #31542d; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>EMERALD</b></a> <br />
   <a href="http://taiyougakuen.forumactif.fr/g8-ruby" style="color: #871f1d; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>RUBY</b></a> <br />
   <a href="http://taiyougakuen.forumactif.fr/g7-saphyr" style="color: #313f6c; font-size: 14px; background-color: #F0EEEE; width: 200px; display: block; height: 20px; border-left: #6aa0cb solid 4px; margin-right: 70px;"><b>SAPHYR</b></a>
</span>

</td>
<td width="500px">
   <link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
   <div style="font-family: 'UnifrakturMaguntia', cursive; text-align: center; font-size: 30px; margin-bottom: -30px;">Bienvenue sur Taiyou Gakuen.</div><br />

<div class="texteqeel">
<span id="nbrutilisateur">

{TOTAL_USERS}

<script type="text/javascript">
document.getElementById('nbrutilisateur')
.innerHTML=document.getElementById('nbrutilisateur')
.innerHTML.replace(/Nous avons/,"Le nombre de pensionnaires à Taiyou Gakuen est de");
</script>

<script type="text/javascript">
document.getElementById('nbrutilisateur')
.innerHTML=document.getElementById('nbrutilisateur')
.innerHTML.replace(/membres enregistrés/,"individus.");
</script>

</span>


<span id="nbrmessages">

{TOTAL_POSTS}

<script type="text/javascript">
document.getElementById('nbrmessages')
.innerHTML=document.getElementById('nbrmessages')
.innerHTML.replace(/Nos membres ont posté un total de/,"Il y a en tout");
</script>

<script type="text/javascript">
document.getElementById('nbrmessages')
.innerHTML=document.getElementById('nbrmessages')
.innerHTML.replace(/messages/,"dossiers éparpillés sur le campus.");
</script>

</span>

<span id="nouveaumembre">
{NEWEST_USER}

<script type="text/javascript">
document.getElementById('nouveaumembre')
.innerHTML=document.getElementById('nouveaumembre')
.innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier élève inscrit est");
</script>
</span>

<span id="totalmembre">
{TOTAL_USERS_ONLINE}

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Il y a en tout/,". Actuellement, il y a");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/utilisateur en ligne/,"pensionnaire présent.");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/utilisateurs en ligne/,"pensionnaires présents.");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Enregistré/,"Élève");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Invisible/,"Ninja,");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Invité/,"Voyeur.");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Enregistrés/,"Élèves");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Invisibles/,"Ninjas,");
</script>

<script type="text/javascript">
document.getElementById('totalmembre')
.innerHTML=document.getElementById('totalmembre')
.innerHTML.replace(/Invités/,"Voyeurs.");
</script>
</span>

<span id="recordenligne">
{RECORD_USERS}

<script type="text/javascript">
document.getElementById('recordenligne')
.innerHTML=document.getElementById('recordenligne')
.innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre d'élèves présents en même temps sur le campus est de");
</script>
</span>
   </div>

  
</td>
</tr>
<tr>
<td style="font-size: 12px;">

   <center>{LOGGED_IN_USER_LIST}</center>

</td>
</tr>
<tr>
<td>
<table width="100%" style="overflox: auto; height: 50px;">

   {L_CONNECTED_MEMBERS}

</table>
</td>
</tr>
<tr>
<td colspan=2>

<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />

<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>

</span>

</td>
</tr>
</table>
</div>

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

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td>  </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{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,
oauth: true
});
//]]>
</script>

Autre : J'aimerais bien que le cadre bleu ne soit pas collé aux bords du forum et qu'il y ait plus ou moins 5px entre la bordure du forum et le début du cadre. Taille à vérifier à l'installation du codage, mais limite, si c'est juste la taille, je pourrai peut-être la changer moi-même =)

Site où sera la créa : Lien sous balise hide =)

Autre : J'aimerais savoir si le bouton de crédit peut être réalisé par moi-même... Parce que les boutons fournis par ET ont écrit dessus "thème réalise par Elegance Temptation" ce qui induit un peu en erreur T.T (ce n'est pas trop l'endroit où poser la question, mais je ne savais pas où le faire ♥)