Sujets similaires

Sujet: Petit test pour Thalie. Mer 20 Jan 2010, 07:29

Bonjour, voyons voir si mes connaissance ne sont pas trop pittoresque.

Expérience en codage :

Logiciel utilisé pour coder :

Évaluation:

Folio codage :

Auto-évaluation du niveau:

Merci

Sujet: Re: Petit test pour Thalie. Mer 20 Jan 2010, 07:36

Hello,

Je veux bien m'occuper de toi, mais tu m'excuseras mais j'ai une commande de code sur le feu donc tu n'auras pas ton test avant demain je pense Wink

Bonne journée, Smile

Basil Hawkins.

Sujet: Re: Petit test pour Thalie. Mer 20 Jan 2010, 07:37

Pas de problème je peux patienter Very Happy

Je vais bien trouver des gens à aider en attendant Wink

Sujet: Re: Petit test pour Thalie. Sam 30 Jan 2010, 10:55

Désolé du retard, j'ai mis du temps à trouver de l'inspiration Razz

Test

Tu devras me donner un template index_body entier avec un QEEL modifié. Je veux que ce QEEL soit original, avec quelques effets de survol, une image de fond, des titres de groupes personnalisés, etc.
Si tu as une quelconque question, n'hésite pas à me le dire Smile

PS: L'image de fond est libre de choix Wink

Bon alors voilà ce que j'ai réaliser. Par contre pour le code body_index en entier, comme c'est celui de mon forum test ya surement aussi d'autre chose que le qeel de modifié Smile

. Ha oui et pour le texte c'est de la total improvisation, je me suis un peu amusé.
Html:

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 width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </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 width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
   </td>
</tr>
</table>
</form>



<center>
<div class="fond">
<div class="qeel" width="750"> Qui habite le royaume ?</div>

<div class="groupe" width="750">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#4079A4" size="2"><b>Princes</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#CE62C0" size="2"><b>Princesses</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#114167" size="2"><b>Rois</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#75206A" size="2"><b>Rennes</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#587C58" size="2"><b>Sorciers</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<span class="groupes"> <a href="PREMIER LIEN(URL)"><font color="#186118" size="2"><b>Sorcières</b></font></a></span> <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
</div>

<div class="newest" width="750">
   <span class="gensmall" style="font-size:18px;">
      <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/,"Nous souhaitons tous la bienvenue à");
         </script>
</span>
</div>

<table class="complet" width="750">
<tr>
<td width="50%">
<table class="table" width="100%">
<tr>
<td class="statistiques">
<span class="gensmall">
<span id="matt">
                  {TOTAL_USERS}
               </span>
                  <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Sur nos terres habite");
                  </script>
                  <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"petit noble");
                  </script>
                  <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"petits nobles");
                  </script>.
</span>
</td>
</tr>
<tr>
<td class="statistiques">
<span class="gensmall">
<span id="bert">
                  {TOTAL_POSTS}
               </span>
                  <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Dans le royaume il y a un total de");
                  </script>
                  <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"missives");
                  </script>.
</span>
            </td>
</tr>
<tr>
<td class="statistiques">
<span class="gensmall">
<span id="claire">
{RECORD_USERS}
</span>
<script type="text/javascript">document.getElementById('claire').innerHTML=document.getElementById('claire').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les nobles, lors de notre plus grands bal, sont venus au nombre de");
                  </script>.
</span>
</td>
</tr>
</table>
</td>
<td width="50%" >
<table width="100%">
<tr>
<td class="statistiques">
<span class="gensmall">
   <span id="delf">
                  {TOTAL_USERS_ONLINE}
               </span>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"noble dans le chateau");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"nobles dans le chateau");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Noble");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Nobles");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible/,"Brigan");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles/,"Brigans");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Pellerin");
                  </script>
                  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Pellerins")
                  </script>.
</span>
</td>
</tr>
<tr>
   <td class="statistiques">
<span class="gensmall">
<span id="nath">
                  {LOGGED_IN_USER_LIST}
               </span>
                  <script type="text/javascript">document.getElementById('nath').innerHTML=document.getElementById('nath').innerHTML.replace(/Utilisateurs enregistrés/,"Habitants sur nos terres");
                  </script>
                  <script type="text/javascript">document.getElementById('nath').innerHTML=document.getElementById('nath').innerHTML.replace(/Utilisateur enregistré/,"Habitant sur nos terres");
                  </script>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table class="connecte" width="750" align="justify">
<tr>
<td>
{L_CONNECTED_MEMBERS}<br/>
</td>
</tr>
</table>
</div>
<img src="http://www.noelshack.com/up/aac/sanstitre-2-4111b16d12.png">
</center>



<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center" class="bas">
<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}

Css:

Code:: .fond{
background-image: url("http://www.noelshack.com/up/aac/sanstitre-1-0d6db5b692.png");
background-repeat: no-repeat;
background-position:top;
}

.qeel{
padding-top: 160px;
font-weight:bold;
font-size: 30px;
padding-bottom: 10px;
font-variant: small-caps;
letter-spacing:1px;
}

.groupe {
margin-bottom: 10px;
}

.groupes{
font-variant: small-caps;
border-left: 3px solid #790462;
border-bottom:1px dashed #790462;
padding-left:2px;
text-decoration: none;
}

.groupes:hover{
font-variant: small-caps;
border-right: 3px solid #045279;
border-bottom:1px dashed #045279;
padding-right:2px;
}

.newest{
margin-bottom: 10px;
font-variant: small-caps;
font-size: 18px;
}

.statistiques{
font-size:12px;
text-align:center;
padding: 5px;
border-left: 3px solid #790462;
border-bottom:1px dashed #790462;
}

.connecte{
text-align:center;
}

Et voilà un petit aperçu de ce que ça doit donner normalement, ici avec les couleur d'ecriture de mon forum:

Spoiler:

Bien bien, voici mon avis Very Happy

Consignes :
- Effets de survol /15
- Image de fond /10
- Titres de groupes personnalisés /15
- Qeel original /35
- Autres /25

~ Effets de survol {

~ Image de fond {

~ Titres de groupes personnalisés {

~ Qeel original {

~ Autres {

Au total ça fait 79/100, ou encore 15, 8/20, que j'arrondis à 16/20 car je ne suis pas si sadique Razz

Si tu as des remarques, complaintes ou commentaires à me faire, n'hésite pas à le dire, ta note peut être encore changée Smile

Lol Non je n'ai pas grand chose à redire. Ma note est tout de même pas mal Smile

En ce qui concerne la police c'est vrai que je n'ai pas mit de police spécifique dans le css mais, je pense que ce ferai bizarre si la police du forum et d'un police et le qeel d'un autre, ensuite dans la screen que j'ai donner, c'est bien du Georgia

Un deuxième petit commentaire par rapport à l'image fond. Bon tu as remarquer qu'elle était en deux partie, celle du bas ne peut effectivement pas changer mais celle du haut si. J'ai essayer de la faire assez grande pour qui si il y a beaucoup beaucoup de monde justement ça ne pose pas de problème. Elle est en background, c'est donc normal qu'on ne la voit pas en entier, mais elle fait sinon presque 700 px de hauteur.

Hummm est ce que je vais être encore un peu plus chiante et trouvant autre chose à redire lol.
Oué non j'ai pas envie de chercher :p

Edit: ha si :p
Tu ma donner une note global de mon boulot, mais sans vraiment juger mes codes, donc ça ne me dit pas vraiment mon niveau en CSS et Html. La en faite je connais mon niveau de créativité lol.
Ce que je peut être casse pied ....

Concernant ton édition j'ai remarqué que tu savais très bien manipuler le CSS et le HTML et je trouvais donc inutile de juger les bases. J'ai donc décidé de voir quelles choses différentes de celles que l'on fait habituellement Smile

Je ne sais pas si tu m'as très bien compris mais bon x)

J'ai compris lol
Bon alors je vais m'auto évaluer sur ça lol

j'ai 2 remarques, je vois que tu utilise les anciens balise B et des attribue tel que size & font, tu peut les faires avec du css c'est mieux
la 2eme c'est dans les scripts Javascript je vois trop de balises script et /script alors que le script javascript n'a pas terminer
comme:

Code:: <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Sur nos terres habite");
</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"petit noble");
</script>

peut devenir

Code:: <script type="text/javascript">
document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Sur nos terres habite");

document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"petit noble");
</script>

Ha oui tiens c'est vrai Smile

B est font c'est vrai que je pourrait le mettre dans mon css, je sais pas pourquoi j'ai la mauvaise manni de mélanger les deux (bouuuhh pas bien lol).
Pour le JS je doit surement avoir la trouille de faire une erreur, vu que je ne le metrise pas bien, mais c'est vrai que ca ne sert strictement a rien de fermétout le temps la balise, si ce n'est à bourrer le code.

Merci beaucoup pour tes remarquer, j'en tiendrai compte pour les prochains que je fais Smile

Petit test pour Thalie.

Petit test pour Thalie.

Sujets similaires

Sujets similaires

Partenaires Or