Cours de mon esclave Mid'! | CODAGE

Kikou Mid!
Bon, puisque tu m'as demandé à ce que je t'enseigne, et bien tu vas souffrir! 8D avant tout, j'amerais que tu me donnes un aperçu de tes capacités et que tu me donnes les codes de celui-ci! Et aussi ce que tu voudrais apprendre, étape par étape! =) Sache que tu es ma première élève, alors je ferai de mon mieux! ^^

Edit Bloody:
J'aurai plus facile si je vois les codes xD donc:

Code:

<div class="backgrount-image: ('http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif') ; border-radius: 400px 400px 200 px 200px "> TEST </div>

Okay, okay... bon, on va commencer de la base, ok?

Code:

<div class="backgrount-image: ('http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif') ; border-radius: 400px 400px 200 px 200px "> TEST </div>

Tu voulais faire quoi, au juste? Un bloc, c'est ça? Alors, on va parcourir les codes...

div: DIV OU SPAN?

Alors alors... si tu voulais faire un bloc, c'est bien le div que tu devais utiliser, tu pouvais utiliser le span, mais c'est bien plus simple ainsi, si tu ne veux pas t'emmêler les pinceaux! Donc, retiens: DIV pour les blocs, et SPAN pour les titres & textes.

Class ou Style? :

Je te propose d'utiliser le Style, car class, on l'utilise aussi pour le CSS, et tu risques de t'embrouiller... Bref, utilise style! x)

="backgrount-image: ('http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif') > le background:

Alors alors, là, tu as bien mis le = et ", mais tu as fait une grosse faute: backgrount, ce n'est pas un t, mais un d! De plus, avant de mettre la parenthèse, il faut mettre url, donc, ça donnerait ça:

Code:

div style="background-image: url(http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif);

On avance! Donc, tu aurais dû aussi, ne pas mettre les ', j'en mets jamais, et ça fonctionne toujours! x)

border-radius: 400px 400px 200 px 200px : le Border-radius:

Ton border-radius, là, il est pas bon du tout... 400 px et 200px c'est beaucoup trop! 10 ou 20, c'est bien! Et tu as oublié ton ; à la fin! x)
Donc, ce qui donnerait:

Code:

<div style="background-image: url('http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif') ; border-radius: 20px 20px 10px 10px; "> TEST </div>

Et voilà! N'est-ce pas mieux? Il ne faut JAMAIS mettre d'espace entre le px et px, tu avais mis ça: "200 px" ça n'allait pas fonctionner! Il fallait mettre: "200px", bien que le chiffre soit énorme! Donc, :"10px", c'est bien! =3 Alors alors, maintenant, la taille du bloc, comment fait-on?!

Le width et height, who is it?!:

Le width, c'est la largeur, en anglais, ça se place dans le div, comme les autres balises, et on le met en px également, comme ça: "width:500px;" le height, pareil, mais c'est la hauteur, tu l'auras deviné! x) "height:300px;" ce qui donnerait dans ton code:

Code:

<div style="background-image: url('http://s9.favim.com/orig/131120/art-beautiful-cool-flowers-Favim.com-1077556.gif') ; border-radius: 20px 10px 20px 10px;height:300px;width:500px;"> TEST </div>

Tu comprends jusque là? Si tu as des questions ou autre, pose-les! Je ne veux pas aller trop vite, de peur que tu lâches à un moment! xD

Ah merci ! Je confond toujours backgrount et background xD

Je ne sais pas combien on devrai mettre pour les px du cadre et du coup j'ai mis au pif xD

Donc maintenant, essayé de m'en faire un, sans copier-coller, évidemment! =3

Oui ( je trouve le titre du sujet très sympatique. xD )

Fais avec de nouvelles mesutes, une nouvelle image, etc, sinon je pourrais croire que tu as copié/collé... 3x

Ok !

Ah! Modifie les hauteus et largeurs, maintenant! =3

Ainsi ?

Yep! Tu as vu, une fois qu'on a le truc! x) Bon, que veux-tu apprendre en premier? =3 Et ne dis pas n'importe sinon ce sera rien... è.é

XD

Hum j'aime savoir faire des fiches de pres avec le mentale et le physique étroit pour facilité la tache

Owo! Hey, faut commencer par la base, hein! x) Les span, tu contrôles?

Ah je comprends mais tu m'as demandé ce que je voulais apprendre xD
Euh nan

Bah voilà, sans span, t'es rien miss! xD Tu peux le montrer ce que tu sais faire? =3

Nieh ?
Je sais mettre une image et un lien mais j'ai oublier le code du halo lumineux, espacement, ombre et certain truc que j'ai oublier

Tu peux donner un exemple, comme tu avais fais avec le div? =3

Oui mais j'ai dit que j'ai presque tout oublier...

Up
Au passage grâce à Passy je sais me servir des span :3

Je réponds au rp dès que je peux, et au cours aussi, désolée de l'absence imprévue ... ^^"

Pas grave... Je te passe le lien de mon fow test ? J'ai fais des codes là-bas

Oui s'il te plait! ^^"

http://grinler.forumactif.org/
J'ai essayé de faire une la mais c'est caca x)

Up, je l'améliore grâce au tuto

Par les entrailles de Bendruc le Hideux, Mid'! Tu sais que ça prend la blinde temps de faire un cours appliqué?! D8 Dis-moi ce que tu voudrais apprendre, d'abord, parce que tu t'améliores, et si tu ne me dis pas quoi je dois t'apprendre, on n'en sortira pas! '3'