Lilith sait aussi coder ! [Acceptée]

Codeur

• Pseudo : Aensland Lilith
• Âge : 21 ans
• Motivations : Tout comme pour le graphisme, j'aimerais réduire les tâches des admins et surtout aider les membres.
• Expériences : Cela va bientôt faire 2 ans que je code, j'ai codé des forums, des PA, des QEEL, des fiches personnages et bien d'autres choses !
• Démonstration de codes ( Page HTML si possible ) : http://fairytailguildwars.forumactif.org/ (Le forum entier à été codé par moi, sauf la PA, qui venait de Yuffie à la création du forum, que j'ai ensuite modelé à ma manière pour la réouverture de celui-ci)

Spoiler:

Spoiler:

Et un exemple de codage en div style pour piquer les yeux ! (mais au moins je sais coder sous toutes les formes !)

• Une spécialisation ? Les fiches, les PA, les QEEL (un peu moins d'ailleurs) et les codages de forum. En fait, je bidouille tout ce que je trouve sous la main xD
• Disponibilités : Comme en tant que graphiste, je serai là toujours quand il y aura besoin Wink

• Autre(s) : Dragibus ! o/

Yop ! Merci de ta postulation ! Suite à une discussion avec le reste du staff [ Kaito ], nous avons décidé de te donner un test car ta candidature nous intéresse. ( Ca me fait bizarre de te parler comme ça xD )

Alors ce que tu dois faire c'est une fiche. Cela doit faire comme les catégories du forum, se dérouler au survol. Il y aura 4 menus. Un pour l'accueil, le staff etc, un pour la partie codage, un autre pour le graphisme et le dernier pour les events. Il y aura des bordures comme sur ma signature ( couleur, forme & arrondis ).

L'intérieur ressemblera à la PA. Je ferai des schéma si besoin. Par contre pour le staff En attendant, je te donne les images ainsi que texte & couleurs.

Les couleurs

Couleur du texte : #E3BC87
Couleur des liens : #edcfab
Au survol : #a46158
Couleur de l'ombre : #a46158 ( l'ombre reste la même au survol )
Couleur de fond de fiche : #3b1922
Couleur du bord de la fiche : #e3bc87
Couleurs des cases : #562d37 & #62333b
Couleur des bors des images : #e3bc87
Je crois que c'est tout.

Les tailles

Taille de la fiche : 570px* taille qu'il faudra. xD
Taille des cases : En sorte que deux cases rentrent, avec 5px autour. Et en hauteur au choix, le temps que ça reste dans le style.
Taille du texte : 12px
Je ne sais quelles autres tailles dire. xD

Les polices

Police principale : Calibri
Police des titres : Marck Script ( Sur google font )

Les textes

Bon, pour faire simple, c'est tout ce qu'il y a sur la PA. xD

Les images

Premier titre :

Code:: http://image.noelshack.com/fichiers/2014/04/1390495427-titre1-pub.png

Second titre :

Code:: http://image.noelshack.com/fichiers/2014/04/1390495426-codage-pub.png

Troisième titre :

Code:: http://image.noelshack.com/fichiers/2014/04/1390495427-graphisme-pub.png

Premier titre :

Code:: http://image.noelshack.com/fichiers/2014/04/1390495426-event-pub.png

Voilà, normalement tout est bon.

Voici donc l'aperçu de la fiche pub What a Face

Spoiler:

Code:: <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
#Fiche_Pub {
color: #E3BC87;
width: 570px;
border-left: 5px #e3bc87 solid;
border-right: 5px #e3bc87 solid;
font-size: 12px;
font-family: Calibri;
background: #3b1922;
margin: auto;
}

.yokasa {
border-bottom: 5px solid #E3BC87;
   border-top: 5px solid #E3BC87;
   height: 88px;
   overflow: hidden;
   transition: all 2s ease 0s;
margin-bottom: 6px;
}

.yokasa > img {
margin-top: 10px;
}

.yokasa:hover {
height: 750px;
}

.WoC_contenu {
display: inline-block;
   margin: 5px;
   vertical-align: top;
   width: 273px;
}

h1 {
color: #EDCFAB;
   font-family: 'Marck Script';
   font-size: 20px;
   margin-bottom: -8.5px;
   text-align: center;
}

.Contenu {
background: none repeat scroll 0 0 #562D37;
   border-radius: 15px 15px 16px 16px;
}

.pub_titre {
   padding: 5px;
   text-align: center;
}

.bloc {
background: #62333B;
   height: 70px;
   overflow: auto;
   padding: 10px;
   text-align: justify;
}

.bloc1 {
height: 70px;
   overflow: auto;
   padding: 10px;
   text-align: justify;
}

.pub_titre1 {
  background: none repeat scroll 0 0 #62333B;
   border-radius: 0 0 15px 15px;
   padding: 4px;
   text-align: center; }

a {
color: #edcfab;
text-shadow: #a46158;
text-decoration: none;
transition: all 1s ease 0s;
}

a:hover {
color: #a46158;
}

.bloc_partenaire {
text-align: center;
height: 70px;
   overflow: auto;
   padding: 10px;
}

.event {
background: #562D37;
   border-radius: 15px;
   padding: 5px;
margin-top: 20px;
   width: 565px;
}
</style>
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Marck+Script" />
</head>
<body>
<div id="Fiche_Pub">
<div class="yokasa">
<img src="http://image.noelshack.com/fichiers/2014/04/1390495427-titre1-pub.png" />
<div class="WoC_contenu">
<h1>World Of Codes</h1>
<div class="Contenu">
<div class="pub_titre">
<span class="FORUMCOUNTUSER"></span> Membres
</div>
<div class="bloc">
World of Codes est à la base un forum fondé par Yuffie-Sama et Co-fondé par Kimel de 2012 à 2013, pour partager avec la communauté les bases du codage et du graphisme mais,
aussi des tutoriels avancés dans ces domaines. Le forum réouvre aujourd'hui ses portes à la populace après un moment d'inactivité. Une refonte graphique a eu lieu mais,
il est toujours le même avec à sa tête encore une fois Yuffie-Sama aidé dans sa tache par le nouveau co-fonda Kaito Light anciemment adminisateur, Kimel se retirant pour raisons personnelles.
</div>
<div class="bloc1">
La section du hors-sujet de masse. Ici on y trouve toujours du travail mais, avec modération dans les catégories concours,
défis & cadeaux qui seront là pour tester votre créativité et votre inventivité. Pour ceux qui ne veulent plus voir une seule ligne de code,
les repères du salon de thé et de la salle de jeu seront là pour vous satisfaire dans la joie de la parlote à gogo et des divertissements proposés pour vous amuser.
Tout cela parsemés d'events déposés dans les différentes parties par les personnes concernés apportant une touche supplémentaire de difficulté et d'animation pour les plus présent d'entre vous.
</div>
<div class="pub_titre1">
<span class="FORUMCOUNTPOST"></span> Messages
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>News & Annonces</h1>
<div class="Contenu">
<div class="pub_titre">
5 News
</div>
<div class="bloc">
[19012014] Kaito Light passe Co-Fondateur et Kimel s'absente. <br />
[19012014] Ajout de nouvelles animations 'Events'. <br />
[19012014] Nettoyage du Staff. <br />
[19012014] Nettoyage du Forum. <br />
[19012014] Nouveau Design. <br />
</div>
<div class="bloc1">
[19012014] <a href="http://world-of-codes.forum-canada.net/t1148-reouverture-du-forum" target="blank;">Réouverture du forum !</a> <br />
[19012014] <a href="http://world-of-codes.forum-canada.net/t1146-events" target="blank;">Les Events arrivent !</a>
</div>
<div class="pub_titre1">
1 Event
</div>
</div>
</div>
<div class="Staff">
</div>
<div class="WoC_contenu">
<h1>Partenariat</h1>
<div class="Contenu">
<div class="pub_titre">
x Tops-Partenaires
</div>
<div class="bloc">
A venir.
</div>
<div class="bloc_partenaire">
<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">

<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">
<br />

<a href="http://world-of-codes.forum-canada.net/t157-nos-partenaires">More ?</a>
|
<a href="http://world-of-codes.forum-canada.net/t5-conditions-de-partenariat-formulaire">Maybe you ?</a>
</div>
<div class="pub_titre1">
x Partenaires
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Crédits</h1>
<div class="Contenu">
<div class="pub_titre">
Toute reproduction interdite !
</div>
<div class="bloc">
Le forum a été entièrement construit par Yuffie-Sama. <br />
Il est administré par Yuffie-Sama, Kaito Light et Strawberry. <br />
</div>
<div class="bloc1">
Le design' a été réalisé par Yuffie-Sama. <br />
Le codage a été réalisé par Yuffie-Sama. <br />
Le codage de la fiche pub a été réalisé par Aensland Lilith. <br />
Les images viennent de League of Legends. <br />
Tout textes ( règlement, page d'accueil ou même présentation des jeux ) a été réalisé par Yuffie-Sama.
</div>
<div class="pub_titre1">
Copyright 2012-2014 • Yuffie-Sama
</div>
</div>
</div>
</div>
<div class="yokasa">
<img src="http://image.noelshack.com/fichiers/2014/04/1390495426-codage-pub.png" />
<div class="WoC_contenu">
<h1>Le codage sur World of Codes</h1>
<div class="Contenu">
<div class="pub_titre">
0 Codeurs
</div>
<div class="bloc">
Pour commencer, les tutoriels. Ils seront là pour vous expliquer comment obtenir ce que vous voulez et ils sont rangés en plusieurs catégories de difficultés.
Les LS (libre service) sont des codes qui sont mis en libre service aux membres.
Mais s'il vous plaît, ce n'est pas parce qu'ils sont en LS qu'ils VOUS appartiennent alors veuillez respecter le créateur en gardant le copyright.
</div>
<div class="bloc1">
Les commandes ! Vous voulez quelque chose de précis en codage mais vous n'y connaissez rien ?
Les codeurs qui seront choisis par la staff viendront vous effecteur votre commande et vous sauveront à cause sûr ! Ils pourront vous effectuer tout ce que vous voulez pour votre forum ! <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" />
</div>
<div class="pub_titre1">
0 Apprentis
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Tutoriels & Libre Service</h1>
<div class="Contenu">
<div class="pub_titre">
32 Tutoriels
</div>
<div class="bloc">
[19] Faciles. <br />
[12] Moyens. <br />
[1] Difficile. <br />
[0] En attente de validation. <br />
</div>
<div class="bloc1">
[8] Pages d'Accueil. <br />
[1] Qui Est En Ligne. <br />
[4] Type de Catégories. <br />
[10] Fiches & Formulaires. <br />
[2] Autres Types. <br />
</div>
<div class="pub_titre1">
25 Libre Services
</div>
</div>
</div>
<div class="Staff">
</div>
<div class="WoC_contenu">
<h1>Les commandes de Codes</h1>
<div class="Contenu">
<div class="pub_titre">
0 Commandes en cours
</div>
<div class="bloc">
[Ouvert] Pages d'Accueil. <br />
[Ouvert] Qui Est En Ligne. <br />
[Ouvert] Type de Catégories.<br />
[Ouvert] Fiches & Formulaires. <br />
[Ouvert] Autres Types.
</div>
<div class="bloc_partenaire">
<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">

<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">
<br />

Les logos ci-dessus sont à insérer dans vos crédits une fois que l'un de nos codeurs a terminé votre commande.
</div>
<div class="pub_titre1">
60 Commandes Terminées
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Les Cours</h1>
<div class="Contenu">
<div class="pub_titre">
3 Cours
</div>
<div class="bloc">
Les cours communs seront accessibles à tous et seront faits pour tous les types de codeurs ! Pour les tout nuls, les débutants,
ceux qui maîtrise moyennement le codage et bien sûr les pros qui voudraient se perfectionner !
Ils seront assurés tous les lundis. Ils traiteront les HTML, le CSS, le Javascript / jQuery et bien d'autres langages de programmation encore ! De plus, il y aura des devoirs de temps en temps.
</div>
<div class="bloc1">
<a href="http://world-of-codes.forum-canada.net/t1170-initiation-au-html-balises">Initiation au HTML {Balises}</a>
- Par Yuffie-Sama.
<br />
<a href="http://world-of-codes.forum-canada.net/t1173-les-balises-courantes">Les balises courantes</a>
- Par Yuffie-Sama.
<br />
<a href="http://world-of-codes.forum-canada.net/t1172-les-tableaux">Les tableaux</a>
- Par Yuffie-Sama.
</div>
<div class="pub_titre1">
0 Exercices & Devoirs
</div>
</div>
</div>
</div>
<div class="yokasa">
<img src="http://image.noelshack.com/fichiers/2014/04/1390495427-graphisme-pub.png" />
<div class="WoC_contenu">
<h1>Le graphisme sur WoC</h1>
<div class="Contenu">
<div class="pub_titre">
0 Graphistes
</div>
<div class="bloc">
Ici, comme pour le codage, des tutoriels seront postés sur le forum pour chaque logiciel de graphisme existant.
Ils seront bien sûr plus ou moins difficile. Les LS sont aussi présents dans la partie graphisme ! Avatars, signatures, kits, icônes, bannières, tout est là pour vous satisfaire !
Mais encore une fois, ce n'est pas votre œuvre alors vous respecterez l'artiste. <img src="http://2img.net/i/fa/i/smiles/icon_wink.gif" alt="Wink" longdesc="15" />
</div>
<div class="bloc1">
Tous comme le codage, les commandes en graphisme seront effectuées par une personne agréée par le staff. Elles pourront vous faire ce que vous voulez, un thème complet pour votre forum, un kit, un avatar,
une signature bref, tout ce que vous désirez ! Couplé aux commande de codage, vous pourrez avoir un forum magnifique avec nos codeurs et nos graphistes !
</div>
<div class="pub_titre1">
0 Apprentis
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Tutoriels & Libre Service</h1>
<div class="Contenu">
<div class="pub_titre">
39 Tutoriels
</div>
<div class="bloc">
[19] Photoshop. <br />
[6] Photofiltre. <br />
[14] Gimp. <br />
[0] Autre. <br />
</div>
<div class="bloc1">
[4] Thèmes Complets. <br />
[9] Kits / Avatars / Signatures. <br />
[1] Icônes. <br />
[1] Autre Type. <br />
</div>
<div class="pub_titre1">
15 Libre Services
</div>
</div>
</div>
<div class="Staff">
</div>
<div class="WoC_contenu">
<h1>Les commandes graphiques</h1>
<div class="Contenu">
<div class="pub_titre">
0 Commandes en cours
</div>
<div class="bloc">
[Ouvert] Eléments de Profil. <br />
[Ouvert] Eléments de Thème. <br />
[Ouvert] Autres. <br />
</div>
<div class="bloc_partenaire">
<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">

<img alt="World of Codes" src="http://image.noelshack.com/fichiers/2014/03/1390168228-logo-copie.png">
<br />

Les logos ci-dessus sont à insérer dans vos crédits une fois que l'un de nos codeurs a terminé votre commande.
</div>
<div class="pub_titre1">
17 Commandes Terminées
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Les Personnalisations</h1>
<div class="Contenu">
<div class="pub_titre">
6 Personnalisations Terminées
</div>
<div class="bloc">
Les personnalisations, késako ? C'est un système qui permet de modifier une création graphique modifiable par son créateur,
suite à une demande. La plupart du temps, ce sont les thèmes qui demandent à être personnaliser.
</div>
<div class="bloc1">
[ElsaElly]
<a href="http://world-of-codes.forum-canada.net/t102-theme-le-printemps-teinte-de-bleu">Le printemps teinté de Bleu</a>
<br />
[Elyndra]
<a href="http://world-of-codes.forum-canada.net/t297-theme-whiteblack-twins">White & Black Twins</a>
<br />
[Strawberry]
<a href="http://world-of-codes.forum-canada.net/t572-theme-fille-manga-complet">Fille - Manga</a>
<br />
[Yuffie-Sama]
<a href="http://world-of-codes.forum-canada.net/t329-angelic-transformation">Angelic Transformation</a>
</div>
<div class="pub_titre1">
0 Personnalisations en cours
</div>
</div>
</div>
</div>
<div class="yokasa">
<img src="http://image.noelshack.com/fichiers/2014/04/1390495426-event-pub.png" />
<div class="WoC_contenu">
<h1>League of Legends & Smite</h1>
<div class="Contenu">
<div class="pub_titre">
x Joueurs de League of Legends
</div>
<div class="bloc">
A venir.
</div>
<div class="bloc1">
A venir.
</div>
<div class="pub_titre1">
x Joueurs de Smite
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Aura Kingdom & Eden Eternal</h1>
<div class="Contenu">
<div class="pub_titre">
x Joueurs d'Aura Kingdom
</div>
<div class="bloc">
A venir.
</div>
<div class="bloc1">
A venir.
</div>
<div class="pub_titre1">
x Joueurs d'Eden Eternal
</div>
</div>
</div>
<div class="event">
Les events qu'est-ce que c'est ? Il s'agit d'une animation à part entière non obligatoire.
Elle repose sur les goûts, envies et les disponibilités de chacun. Elles se passeront sur divers jeux. Selon les jeux,
il y aura des entrainements & tournois. Grâce à ça, vous pourrez gagner des dragibus & d'autres sortes de prix.
</div>
<div class="WoC_contenu">
<h1>Hearthstone & DoC</h1>
<div class="Contenu">
<div class="pub_titre">
x Joueurs d'Hearthstone
</div>
<div class="bloc">
A venir.
</div>
<div class="bloc_partenaire">
A venir.
</div>
<div class="pub_titre1">
x Joueurs de Duel of Champions
</div>
</div>
</div>
<div class="WoC_contenu">
<h1>Osu! & Elsword</h1>
<div class="Contenu">
<div class="pub_titre">
x Joueurs d'Osu!
</div>
<div class="bloc">
A venir.
</div>
<div class="bloc1">
A venir.
</div>
<div class="pub_titre1">
x Joueurs d'Elsword
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Bon il y a quelques sushis mais je règlerai ça. xD
Tu seras donc en stage pour être codeuse.

Comme pour le rôle de graphiste, nous t'acceptons aussi en tant que codeuse. xD

» Lilith veut apporter de l'aide ! [Acceptée]
» Strawberry - Modératrice [Acceptée]
» Lilith, zombie à temps plein ♥
» Yeah se présente pour animer ^^ [Acceptée]
» Bright, aka celle qui va vous harceler pour apprendre a coder.... ^^'