Griffe d'Argent || Codeuse

• Pseudo : Griffe d'Argent
• Âge : 12 ans
• Motivations : J'adore coder et j'adore ce forum, je voudrai pouvoir m'impliquer plus !!
• Expériences : Je suis codeuse sur un forum de graphisme/codage
• Démonstration de codes ( Page HTML si possible ) : Je n'ai pas de page HTML mais j'ai 2 fiches :
Fiche de RP

Code:: <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
<div style="color : white ;font-family: 'The Girl Next Door', cursive; ; font-size : 18px ;">
<div style="border: 2px black double;"><div style="background-image: url(http://www.ecardmedia.eu/data/media/18/Wallpaper%20Red%20Texture.jpg);>
<div style="color: white; text-shadow: 2px 2px 4px black;">
<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>
<div style="color : white ;font-family: 'Dr Sugiyama', cursive; ; font-size : 60px ;">
[center]Titre du RP[/center]
</div>
<div style="padding: 40px 40px 40px;">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br><br><br><br><br><br>
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Jura" />
<div style="color : white ;font-family: 'Jura', cursive; ; font-size : 12px ;">
(c) Naissy
</div>
</div></div></div></div></div>

Fiche de Présentation:

Code:: [center]<div style="background-color: #B0A9A9; width: 530px; border: 2px #610000 dotted; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><br />[img]http://obsession27.free.fr/bannieres/bandepp3.jpg[/img]<div style="letter-spacing: 2px; text-shadow: 0px 0px 2px red; font-variant: small-caps; font-size: 30px; text-align: center;">
Prénom P. Nom</div>
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
<div style="color : black ;font-family: 'Coming Soon', cursive; ; font-size : 16px ;">
[b][u]Surnom ::[/u] [/b][i]Ecrire ici[/i]<br>
[b][u]Sexe ::[/u][/b] [i]Ecrire ici[/i]<br>
[b][u]Âge ::[/u][/b] [i]Ecrire ici[/i]<br>
[b][u]Maison désirée ::[/u][/b] [i]Ecrire ici[/i]<br>
[hr]
<center><div style="background: #CBC3C3 ;width: 400px;border: 3px #601502 solid;-moz-border-radius: 10px 10px 10px 10px;">
<div style="font-weight; bold; font-family: georgia; letter-spacing: -2px; font-size: 22px; color: #610000; text-shadow: 1px 1px #000000;">Histoire</div>
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
<div style="color : black ;font-family: 'Advent Pro', cursive; ; font-size : 14px ;">
|30 lignes minimum| Décrire ici la vie de votre personnage, de sa naissance à maintenant, ses moments forts...
</div>
</div></center>
<center><div style="background: #CBC3C3 ;width: 400px;border: 3px #601502 solid;-moz-border-radius: 10px 10px 10px 10px;">
<div style="font-weight; bold; font-family: georgia; letter-spacing: -2px; font-size: 22px; color: #610000; text-shadow: 1px 1px #000000;">Physique & Caractère</div>
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
<div style="color : black ;font-family: 'Advent Pro', cursive; ; font-size : 14px ;">
|20 lignes minimum| Décrire ici le physique (couleur des cheveux, des yeux, proportions...) et le caractère (qualités, défauts...).
</div>
</div></center>
[hr]
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
<div style="color : black ;font-family: 'Coming Soon', cursive; ; font-size : 16px ;">[b][u]Prénom ::[/u] [/b][i]Ecrire ici[/i]<br>
[b][u]PUF ::[/u][/b] [i]Ecrire ici[/i]<br>
[b][u]Codes du Règlement ::[/u][/b] [i]Ecrire ici[/i]<br>
[b][u]Autre ::[/u][/b] [i]Ecrire ici[/i]<br>
</div>
</div>[size=9]
(c) Naissy
[/size]</div>[/center]

• Une spécialisation ?* Plutôt le LS mais je peux faire des tutoriels et des commandes aussi ^^"
• Disponibilités : Le plus possible ^^"
• Autre(s) : Merci beaucoup Griffe d'Argent || Codeuse 2222602150

Coucou !
Merci de ta postulation ! Je vais réfléchir mais avant, serait-il possible de trouver un moyen d'héberger tes fiches dans une page html ?
Le forum supporte pas les div style. ><

Ah ouais c'est un problème ça...:v
Moi je peux pas les héberger, désolé... Mad

Je vais le faire.

Cependant, dans ton premier code, j'ai remarqué des fautes.

Code:: <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

C'est une balise unique donc il faut la fermer.

Code:: <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />

Ensuite.

Code:: <div style="background-image: url(http://www.ecardmedia.eu/data/media/18/Wallpaper%20Red%20Texture.jpg);>

Tu as oublié un ". Je pense que c'est un oubli involontaire mais il faut quand même relire son code. ^^

Seconde fois pour la balise link

Code:: <link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css' />

Tu devrais aussi par ailleurs, l'ajouter en dessous de l'autre et ne pas la mettre aléatoirement comme ça. ( Surtout qu'à la base ça ne se met pas là, mais vu que c'est pour des fiches... )

On utilise JAMAIS de balises pour centrer un élément, surtout quand il est comprit entre des div.

Code:: <div style="color : white ;font-family: 'Dr Sugiyama', cursive; ; font-size : 60px ;">
[center]Titre du RP[/center]
</div>

on retire le BBcode center pour ajouter à la div text-align : center;.

Continuons ! Tout ces br

Code:: <br><br><br><br><br><br>

Ne servent à rien, surtout que c'est pour FA donc un simple saut de ligne suffit. Si tu veux des écarts aussi importants, mieux vaut utiliser la balise paragraphe ( p ) et lui ajouter des margin. Tu ne connais pas forcément, j'en suis consciente.
De plus, si tu utilises la balise br, il faut la fermer aussi.

Code:: <br />

Et enfin, ici

Code:: <div style="color : white ;font-family: 'Jura', cursive; ; font-size : 12px ;">

Fais attention, le ; en trop peu amener à faire buguer le code. x)

Pour la seconde, même chose, pas de balises center. x3

Code:: <div style="background-color: #B0A9A9; width: 530px; border: 2px #610000 dotted; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;">

Nyanyanya on ne met plus de -moz- ou de -webkit- pour le border-radius. De plus, le border-radius seul devrait se mettre en dernier. M'enfin. x)

Le reste c'est le mêmes erreurs que dans la première. Donc j'espère que tu ne prendras pas mal toutes ces corrections, mais c'est pour que tu deviennent une meilleure codeuse. xD

Je vais tout de même continuer de réfléchir à ta demande. :3

Merci pour tes conseils, j'en tiendrai compte pour m'améliorer ^^' !

Page html:

Code:: [center]<iframe src="http://karamel1-test.forumactif.com/h2-fiche-griffe-d-argent" width="610px" height="1175"; frameborder="no"; ></iframe>[/center]

Je me suis charger de la mettre en page Html mais il y a encore quelques erreurs que je parviens pas à corriger donc si tu pouvais t'en charger s'il teu plaît? Merci encore Very Happy

Code:: <?xml version="1.0" encoding="utf-8 (sans BOM)"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css' />
<title></title>
</head>
<body>
<div style="text-align: center;">
<div style="background-color: #B0A9A9; width: 530px; border: 2px #610000 dotted; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><br />
<img src="http://obsession27.free.fr/bannieres/bandepp3.jpg" alt="" />
<div style="letter-spacing: 2px; text-shadow: 0px 0px 2px red; font-variant: small-caps; font-size: 30px; text-align: center;">Prénom P. Nom</div>
<div style="color : black ;font-family: 'Coming Soon', cursive; ; font-size : 16px ;"><b><u>Surnom ::</u></b> <i>Ecrire ici</i><br />
<b><u>Sexe ::</u></b> <i>Ecrire ici</i><br />
<b><u>Âge ::</u></b> <i>Ecrire ici</i><br />
<b><u>Maison désirée ::</u></b> <i>Ecrire ici</i><br />
<div style="background: #CBC3C3 ;width: 400px;border: 3px #601502 solid;-moz-border-radius: 10px 10px 10px 10px;">
<div style="font-weight; bold; font-family: georgia; letter-spacing: -2px; font-size: 22px; color: #610000; text-shadow: 1px 1px #000000;">Histoire</div>
<div style="color : black ;font-family: 'Advent Pro', cursive; ; font-size : 14px ;">|30 lignes minimum| Décrire ici la vie de votre personnage, de sa naissance à maintenant, ses moments
forts...</div>
<div style="text-align: center;">
<div style="background: #CBC3C3 ;width: 400px;border: 3px #601502 solid;-moz-border-radius: 10px 10px 10px 10px;">
<div style="font-weight; bold; font-family: georgia; letter-spacing: -2px; font-size: 22px; color: #610000; text-shadow: 1px 1px #000000;">Physique et Caractère</div>
<div style="color : black ;font-family: 'Advent Pro', cursive; ; font-size : 14px ;">|20 lignes minimum| Décrire ici le physique (couleur des cheveux, des yeux, proportions...) et le caractère
(qualités, défauts...).</div>
</div>
</div>
<div style="text-align: center;">
<div style="color : black ;font-family: 'Coming Soon', cursive; ; font-size : 16px ;"><b><u>Prénom ::</u></b> <i>Ecrire ici</i><br />
<b><u>PUF ::</u></b> <i>Ecrire ici</i><br />
<b><u>Codes du Règlement ::</u></b> <i>Ecrire ici</i><br />
<b><u>Autre ::</u></b> <i>Ecrire ici</i><br /></div>
</div>
<div style="font-size:9px">(c) Naissy</div>
</div>
</div>
</div>
</div>
</body>
</html>

Code:: <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css' />

Il y a deux fois la même, ce n'est pas utile. ^^

Code:: <div style="text-align: center;">
<div style="background-color: #B0A9A9; width: 530px; border: 2px #610000 dotted; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;"><br />

Le -moz- et -webkit- sont inutiles, le fait de mettre une div pour l'alignement du texte ne sert à rien également, autant mettre ça dans la prochaine.

Code:: <div style="color : black ;font-family: 'Coming Soon', cursive; ; font-size : 16px ;">

Même erreur que dans la première, il y a un point virgule en trop. x)
Je ne vois pas d'autres erreurs là comme ça.

Enfin bref, passons au test mouhaha !

Je vais donc te demander de faire une page d'accueil, relativement simple.
Le schéma ♣ Le pattern de fond

Voilà, le code est corrigé dans son entièreté et est à présent dans une page Html Wink

Voici le lien en iframe:

Code:: [center]<iframe src="http://karamel1-test.forumactif.com/h2-fiche-griffe-d-argent" width="530px"; frameborder="no"; ></iframe>[/center]

Aperçu:

J'ai pas compris le #fffff à 30% ? èé

Case à fond blanc mais le fond à opacité de 30%. ^^ ( Soit en valeur css : 0.3 ).

Ah oui j'avais pas compris ^^"
Merci !

Je sais, cela ne fait pas si longtemps que ça !
Mais avances-tu dans le test ?