Sujets similaires

Sujet: Iko ~ Un test =D Sam 02 Jan 2010, 15:28

Bon mon tour *-*

Expérience en codage :

Logiciel utilisé pour coder :

Évaluation:

Folio codage :

https://css-actif.forumactif.org/resolu-f18/tableau-specifique-en-cours-iko-t969.htm

Auto-évaluation du niveau:

Merci à celui qui s'occupera de moi =D

Sujet: Re: Iko ~ Un test =D Mar 05 Jan 2010, 11:33

Bonjour,

Je m'occupe de toi Wink

Tu auras le test demain ou après-demain (A moins que j'ai l'inspiration aujourd'hui !).
'Fin bref, je te donne ton test le plus rapidement possible.

Sujet: Re: Iko ~ Un test =D Mar 05 Jan 2010, 11:38

D'accord, merci Tech =D
Prend ton temps x)

Sujet: Re: Iko ~ Un test =D Sam 09 Jan 2010, 14:56

Bonsoir,

Voici plusieurs petit test :

Citation :: Je désirerai faire un tableau à 3 colonnes et 3 lignes.
J'aimerais que la colonne du milieu prenne 2 lignes et celle de droite, 3 lignes.
J'aimerais bien que toutes mes cases soient séparée par des bordures en pointillés noires.
De plus, si possible, je voudrais un effet pour mes titres. Les titres de mes cases comme par exemple : Liens Utiles, ...
De plus, dans une cases j'aimerais avoir un endroit pour y placer un code que l'on peut directement copier/coller.
Ainsi qu'une autre case avec une infobulle (tu peux mettre une image au hasard).
Mais je ne sais pas trop quoi ... Si tu pouvais donc faire comme tu le sens avec tout ce que tu connais, c'est serait parfait !
Et je précise que j'aimerais avoir un code QUE de HTML et un autre donc pour le CSS !

Je laisse donc ton imagination crée ceci.
Merci

Voici donc une demande de tableau (c'est pas pour un membre, c'est un truc que je viens d'inventer ^^)
N'hésite pas à rajouter des choses que tu sais faire, ...

Après ceci, je ferai quelques choses d'autre plus sur le CSS Wink

Bon travail.

Sujet: Re: Iko ~ Un test =D Mer 13 Jan 2010, 16:44

*Vient de le voir XD*
Ehm je vais faire ça ce soir ou demain soir ou vendredi soir~~ xD

Alors, Iko' tu en es où ?

Ehm désolée j'ai des problèmes persos divers >.<
J'essaie de faire ça le plus vite possible, même si je risque fort probablement de me fier sur des tutos pour certains points ._.

Bref~~

Désolée Tech pour le retard, mais j'ai fini mon test.
Il se trouve ici:
http://iko-test.forumactif.com/forum.htm

Code HTML:

Code:: <table width="100%" height="100%" style="border-collapse: collapse; border: 1px dotted #000000;">
<tr width="25%" style="border-collapse: collapse; border: 1px dotted #000000;">
   <td style="border-collapse: collapse; border: 1px dotted #000000;">
   <DIV class="testitle">PRÉDÉFINIS MASCULINS</DIV>
      <table>
         <tr>
            <td><a class="bulles"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/K-U/Artistes.png">
            <span>Ian Keens <em>feat. Ian Somerhalder</em><br>
            Groupe: Artistes<br>
            Âge: 21 ans<br>
            Orientation sexuelle: Hétérosexuel
            <div><a href="http://kiss-university.forumactif.org/personnages-predefinis-f11/les-artistes-7-7-t590.htm" target="_blank">More</a></div></span></a>
            </td>
            <td><a class="bulles"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/K-U/Fashions.png">
            <span>Han Byul Lee <em>feat. Lee Hongki</em><br>
            Groupe: Fashions<br>
            Âge: 18 ans<br>
            Orientation sexuelle: Homosexuel
            <div><a href="http://kiss-university.forumactif.org/personnages-predefinis-f11/les-fashions-7-7-t596.htm" target="_blank">More</a></div></span></a>
            </td>
         </tr>
      </table>
   </td>
   <td rowspan=2 style="border-collapse: collapse; border: 1px dotted #000000;">
   <center><DIV style="WIDTH: 300px; HEIGHT: 200px; OVERFLOW: auto" align=left>
   <DIV class="testitle">BONJOUR ET BIENVENUE SUR LE FORUM!</DIV>
   <FONT size="2">Ce forum est un forum RPG Yaoi/Yuri/Hentai, et peut contenir des rps à contenu choquants pour certain. C'est donc un forum <STRONG>NC-15</STRONG>, donc si vous n'avez pas l'âge, êtes facilements perturbables ou encore n'aimez pas cela, passez votre chemin.<br/><br/>
   <em>INFORMATIONS IMPORTANTES</em>
<br/>
   » Lire le règlement & le contexte attentivement<br/>
   » Nous demandons un minimum de <em>15 lignes par rp</em>.<br/>
   » Pensez à prendre les personnages prédéfinis en priorité; ils sont immportants pour l'avancement de l'histoire.<br/>
   » Vérifiez que votre avatar n'est pas déjà prit<br/>
   » Avant de rp, vous devez <strong>ABSOLUMENT</strong> avoir fait votre fiche de personnage, été validé et avoir fait votre fiche de lien.<br/>
   </DIV></center>
   </td>
   <td style="border-collapse: collapse; border: 1px dotted #000000;">
   <DIV class="testitle">LIENS IMPORTANTS</div>
   <CENTER>
   <div id="linkus">
   <a href="http://kiss-university.forumactif.org/reglements-f3/le-reglement-t62.htm">Rules</a><br/>
   <a href="http://kiss-university.forumactif.org/reglements-f3/contexte-t619.htm#4551">Contexte</a><br/>
   <a href="http://kiss-university.forumactif.org/presentations-f6/avatars-masculins-pris-t601.htm">Avatars féminins pris</a><br/>
   <a href="http://kiss-university.forumactif.org/presentations-f6/avatars-masculins-pris-t600.htm">Avatars masculins pris</a><br/>
   <a href="http://kiss-university.forumactif.org/reglements-f3/recrutement-t562.htm">Recrutement</a><br/>
   <a href="http://kiss-university.forumactif.org/partenariat-f116/">Partenariat</a>
   </div>
   </CENTER>
   </td>
</tr>
<tr width="50%" style="border-collapse: collapse; border: 1px dotted #000000;">
   <td style="border-collapse: collapse; border: 1px dotted #000000;"><DIV class="testitle">PRÉDÉFINIS FÉMININS</DIV>
      <table>
         <tr>
            <td><a class="bulles"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/K-U/Musiciens.png">
            <span>Keiko Kuroda <em>feat. Yui</em><br>
            Groupe: Musiciens<br>
            Âge: 19 ans<br>
            Orientation sexuelle: Hétérosexuelle
            <div><a href="http://kiss-university.forumactif.org/personnages-predefinis-f11/les-musiciens-5-7-t591.htm" target="_blank">More</a></div></span></a>
            </td>
            <td><a class="bulles"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/K-U/Pompoms.png">
            <span>Yulia Yamada <em>feat. Park Eun Hye</em><br>
            Groupe: Pompom girls<br>
            Âge: 17 ans<br>
            Orientation sexuelle: Bisexuelle
            <div><a href="http://kiss-university.forumactif.org/personnages-predefinis-f11/les-pompom-girls-6-7-t593.htm" target="_blank">More</a></div></span></a>
            </td>
         </tr>
      </table>
   </td>
   <td style="border-collapse: collapse; border: 1px dotted #000000;"><DIV class="testitle">NOUS LIER?</DIV>
   <a href="http://kiss-university.forumactif.org/"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/Partner8831.png"></a>
   <textarea><a href="http://kiss-university.forumactif.org/"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/Partner8831.png"></a></textarea>
   </td>
</tr>
<tr width="25%" style="border-collapse: collapse; border: 1px dotted #000000;">
   <td style="border-collapse: collapse; border: 1px dotted #000000;">
   <DIV class="testitle">LE STAFF</DIV>
   <center><a class="bulles"><img src="http://i480.photobucket.com/albums/rr163/Ikotai/K-U/Hiroto.png">
   <span>Hiroto Arima<br>
   <em>By: Iko'</em><br>
   Admin/Graphiste/Codeuse
   <div><a href="http://kiss-university.forumactif.org/profile.forum?mode=viewprofile&u=4" target="_blank">Son profil</a></div>
   <div><a href="http://kiss-university.forumactif.org/msg.forum?mode=post&u=4" target="_blank">Lui envoyer un mp</a></div></span></a></center>
   </td>
   <td style="border-collapse: collapse; border: 1px dotted #000000;">
   <div class="testitle">TOP PARTENARIAT</div>
   <center><form>
   <select style="width: 268px" onchange="location = this.options
   [this.selectedIndex].value">
   <option selected="selected">
   NAVIGATION
   </option>
   <option value="http://css-actif.forumactif.org/">
   School of New York
   </option>
   <option value="http://css-actif.forumactif.org/">
   CSSActif
   </option>
   <option value="http://css-actif.forumactif.org/">
   The Island
   </option>
   <option value="http://css-actif.forumactif.org/">
   Cleyn University
   </option>
   <option value="http://css-actif.forumactif.org/">
   Vampire RPG
   </option>
   <option value="http://css-actif.forumactif.org/">
   Centre Isolation
   </option>
   <option value="http://css-actif.forumactif.org/">
   Do Your Life
   </option>
   <option value="http://css-actif.forumactif.org/">
   London Bridge
   </option>
   <option value="http://css-actif.forumactif.org/">
   X-men Dimension
   </option>
   Aloa Liberta
   </option>
   </select>
   </form></center>
   </td>
   <td style="border-collapse: collapse; border: 1px dotted #000000;">
   <DIV class="testitle">CRÉDITS</DIV>
   Contexte par: ...<br>
   Design par: Iko'<br>
   Codage par: Iko'<br>
   Prédéfinis par: Le staff & leurs créateurs respectifs<br>
   Toute reproduction, même partielle, est un délit!</em>
   </td>
</tr>
</table>

Code CSS:

Code:: .testitle {
background-color: #14224c;
color: #FFFFFF;
border-left: 7px solid #223b82;
border-right: 7px solid #223b82;
border-top: 1px dotted #223b82;
border-bottom: 1px dotted ##223b82;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-family: "rage italic", pristina, georgia, verdana, "trebuchet MS", "times new roman", serif;
font-size: 15px;
text-decoration: none;
text-align: center;
}

#linkus a:link, #linkus a:visited {
background-color: #223b82;
color: #FFFFFF;
border-left: 7px solid #14224c;
border-right: 7px solid #14224c;
border-top: 1px dashed #14224c;
border-bottom: 1px dashed #14224c;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-family: georgia, verdana, "trebuchet MS", "times new roman", serif;
font-size: 12px;
text-decoration: none !important;
text-align: center;
}

#linkus a:hover, #linkus a:hover:visited {
background-color: #14224c;
color: #FFFFFF;
border-left: 7px solid #223b82;
border-right: 7px solid #223b82;
border-top: 2px solid #223b82;
border-bottom: 2px solid ##223b82;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font-family: georgia, verdana, "trebuchet MS", "times new roman", serif;
font-size: 12px;
text-decoration: none !important;
text-align: center;
letter-spacing: 1px;
}

a.bulles {
position: relative;
}
a.bulles span {
display: none;
}
a.bulles:hover {
background: none; /* correction d'un bug IE */
z-index: 999;
}
a.bulles:hover span {
display: inline;
position: absolute;
white-space: nowrap;
font-size: 12px;
top: 11px;
left: 0px;
background-color: #223b82;
color: #FFFFFF;
padding: 3px;
border: 2px solid #14224c;
border-left: 2px #14224c;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
}

Je tiens à dire que tous les liens de la niavigation rapide mènent à CSSActif pour ne pas faire de pub des autres partenaires~
Je me suis basé sur mon propre forum pour faire le tableau.
Ha aussi ça se peut que j'ai oublié de remplir des liens ou quelques petites choses, mais je me suis assurée de n'avoir rien oublié. Si j'ai oublié quelque chose, on va mettre ça sur le mal de tête u.u

Bonjour,

Merci.
Je vais regarder cela dès que je peux et je te donnerai le résultat Wink

D'accord Tech, prend tout le temps qu'il te faudra =D

Sujet: Re: Iko ~ Un test =D Dim 14 Mar 2010, 17:38

Bonjouur~
Comme ça fait pratiquement un mois, je voulais seulement savoir si tu avais eu le temps de te pencher sur mon test Tech.

Sinon, prends encore le temps qu'il te faudras Wink

EDIT 5 avril: *se met en attente en attendant le retour de Tech*

*un mois une semaine plus tard...*

...
TECH ;_;
*triste xD*
Où es-tu Techounet chéri ._.
*SORT XD*

*regarde la date* Oh put**** *CENSURÉ*
Mois d'avril? XD

Tech? ._.

Si tu veux que je fasse un autre test sur autre chose dit le hein :O j'ai peut-être des capacités en plus depuis le mois de février xD

Bon j'uppe encore un peu puisque Tech est revenu, et j'en profite pour dire que j'ai retiré l'aperçu de mon fo test parce que je prépare le comeback de mon forum.

Si tu veux que je le remette, je vais le mettre sur un autre forum test~

Bon .

Iko uppe, et Iko aimerait un autre test xD
La PA que j'ai fait ne représente plus vraiment mes capacités puisque je me suis améliorée en cours de route.
Si c'est possible ._.

Sinon, tu peux très bien refaire cette page d'accueil en rajoutant toutes les choses nouvelles que tu as appris Wink

Jpourrais x)
Mais je crois que Tech m'a oublié ._."

Envoie-lui un MP exceptionnellement Wink

.....Iko uppe après 1 mois et demi D8

Et je réclame le test de VPeybernes x)
** Iko ~ Un test =D 510527

S'il vous plait? Iko ~ Un test =D 465622

Une suicidaire.
Ça va être violant.

*Sort ça cyber fourche*

VPeybernes a écrit:

Salut la compagnie.

C'est moi qui vais faire l'éval aujourd'hui.
On à du beau niveau avec Kawasahi alors je vais pas vous louper.
Je vous ai concocter le même test, mais comme c'est en grande par de la production libre, c'est pas trop gênant.

Voici un Template basique de ma conception qui met en forme les donné de la DB de mon staff :

Spoiler:

Vous pouvez consulter le résulta sur cette page : http://zonescript.web64.fr/test/css+template/

Ce que j'attend de vous, c'est un cadre utilisable en iframe de taille maximal 400x400, présentant une liste des diférants groupes, avec en sous liste de chacun, les membres de ce groupe.
Je voudrais garder dans les nom de groupe et les rang, le mot script de la couleur du groupe. Même couleur pour les noms de leur membres.
Je veux que les nom soit des lien vers le profil de chacun. et qu'au passage de la souris, un cadre s'ouvre au dessous, avec l'avatar, le rang du membre, et un bouton pour lui envoyer un MP.
Je veux que le la mise en forme soit dans une feuille de style externe.
Et enfin je veux que tout les lien s'ouvre dans la fenêtre principal (pas dans l'iframe, ni dans un nouvel onglet).

J'ai fait exprès de ne pas vous faire travailler sur des forum pour évaluer votre niveau en codage, et non votre niveau en suivage de tuto et recopiage de code.
Vous n'avais pas la possibilité de pré-visualisé vous même. Par contre je vous autorise à me soumettre votre code au maximum 5 fois afin que je l'héberge, et que vous puissiez constater vos erreurs.

En fonction du résultat, je me réserve la possibilité de poser quelque question supplémentaire.

Question subsidiaire :
Je veux que tout les lien de mon forum pointant vers la Zone script soit en bleu. Je ne suis en messure que de modifier ma feuille de style. Comment je fait ?

Ce teste étant partagé avec d'autres, vous enverrez vos réponse par MP.
Je rappel l'adresse de la Zone script, vous en aurez besoin : http://zonescript.forumactif.com

Je suis un monstre je sais. Twisted Evil

Je vous souhaite bonne chance à tout les 2.

VPeybernes a écrit:

Kawasahi ayant soulever des point d'importance, je vous les raporte :

Kawasahi a écrit:: Ok pour le test : pourquoi il n'est pas possible de prévisualiser le code ? (tu veux nous tuer ?)
Je peux poser mes questions ici ou par MP (s'il y a quelque chose dans le test que je n'aurais pas compris...) ?

VPeybernes a écrit:: Tu peut posé tes question ici.

Tu ne peut pas pré-visualiser le code car tu ne possèdes pas le programme de traitement de donnée qui génère la page à partir de la base de donnée et du template. C'est un programme de ma conception et non quelque chose qui est intégré au forum.
Et si je n'autorise que 3 prévisualisation c'est pour évaluer si vous êtes capable de rigueur et d'esprit d'analyse, plus que de la faculté à avancer par tâtonnement.

Kawasahi a écrit:: Ah d'accord je comprend mieux pour la prévisualisation.
Ok ca marche.

Tu veux mettre une date limite ?

VPeybernes a écrit:: Nous somme en période d'examen, je ne sais pas qui en à ou pas, donc je préfère ne pas imposé. Surtout que si je me base sur mon rythme, avec les élément que tu à je te donne 4h.

Non par contre c'est pas un teste long. Ça demande de la logique, des connaissance, mais c'est du template donc c'est assez rapide. Si tu n'as pas d'impératif tu peut faire ça assez rapidement.

Surtout que c'est le 1er.
En fonction de si il est réussi ou pas, je donne un test en cran au dessus à partir du premier pour compléter l'évaluation de niveaux.
Si c'est raté, j'évalue le travail fait et on arrête là.

Une dernière chose que j'ai oublier de précisé.
J'attend que le résultat soit correcte bien sûr. Mais je vais surtout évaluer le code en lui même. Sa qualité, sa propreté, son respect des règle syntaxique et sa fonctionnalité.
Donc on code en texte brut, et pas avec Dreamweaver ou un de ces cousin d'éditeur WYSIWYG.

Kawasahi a écrit:: Pour le cadre qui apparait au passage de la souris, est-ce bien une infobulle ?

VPeybernes a écrit:

On peut dire ça.
En fait une infobulle s'ouvre sous la souris, et la suit. Mais presque personne ne sais faire ça. la c'est plus de l'ordre du spoiler mais au survol.

Citation :: Je veux que les nom soit des lien vers le profil de chacun. et qu'au passage de la souris, un cadre s'ouvre au dessous, avec l'avatar, le rang du membre, et un bouton pour lui envoyer un MP.

C'est donc en dessous du nom et non par dessus. Puisque le cadre ne comprend pas le Pseudo, il faut que celui-ci reste visible.

Je rappel que c'est 5 préview maintenant.
Et que le test est en 2 partie. La seconde dépendant des résultat de la première.

La Question subsidiaire est indépendante.

Si j'ai bien compris, je dois me servir du template pour arriver au résultat que tu veux~
Le cadre de max 400*400, etc etc~

La prévisualisation que l'on voit, c'est à quoi ressemble le template présentement?

(Je peux paraître chiante avec mes questions mais je tiens à réussir ce test Twisted Evil

)

En fait ça marche comme ça :
D'un coté ya un programme php qui va cherché des donné dans ma base de données et qui les assigne à des variable.
De l'autre ya un template (ce qui veux dire gabarit) qui est défini la mise en page que font avoir les variables.
On met les 2 ensemple on touille et on à une page web.

Le programme utilise actuellement le template exacte que j'ai donné pour généré la page.
Ton but est de créer un autre template qui remplacera celui-ci dans le programme.
Tu doit te servir de ce qui existe déjà pour voir quel sont les variable et les bloc que tu devra réutilisé.

A titre d'exemple :

Onglet staff :

Il s'agis d'exactement le même programme que pour le test.
Seul les templates change.

Citation :: Si j'ai bien compris, je dois me servir du template pour arriver au résultat que tu veux~
Le cadre de max 400*400, etc etc~

Tu n'est pas limité à 400*400.
Mais il faut que ça rendre dans un cadre de 400*400. Donc à toit de prévoir la mise en page (scroll/onglet/ect...) en conséquence.

Iko ~ Un test =D

Iko ~ Un test =D

Sujets similaires

Sujets similaires

Partenaires Or