Cours de Unefille' par Clecle'

Tu veux commencer par du CSS ou du Htlm ?

Htlm

D'accord, déjà tu sais ce que c'est ?

Je crois que c'est le truc que tu as fait avec le staff , la template , bienvenue et le logo

Oui ^^ Le Htlm marche sur les post du forum
regarde:


Ca s'appelle une " Box Shadow "


Un text shadow
Texte souligner en pointillé
Texte souligné ; soulignage au coin arrondi

Texte souligner en haut et en bas

Texte avec un arrière plan

Après il y a des tableaux et tout
Ca te plait ? :)

Bah , comment je dois faire pour voir ce que tu viens de faire ??

Stop ^^
D'abord tu veux apprendre lequel ?

sa :

cléclé a écrit:

Ca s'appelle une " Box Shadow "

:)

Oké d'abord on va apprendre à transformer son code ( qui est en css) en htlm ^^

Code:

-moz-box-shadow: Xpx Ypx Apx #EEEEEE;
-webkit-box-shadow: Xpx Ypx Apx #EEEEEE;
box-shadow: Xpx Ypx Apx #EEEEEE;

Déjà tu comprend quelque chose ?

Non pas vraiment ^^'

Je vais te faire une traduction :

-moz-box-shadow: Xpx Ypx Apx #EEEEEE; Moz : Pour que ça marche sur Mozilla ; Box-shadow : pour que ça soit une box shadow, X,Y,A = décalage de l'ombre à droite,gauche,hauteur ; #EEEEEE : Couleur
-webkit-box-shadow: Xpx Ypx Apx #EEEEEE; Webkit : Pour que ça marche sur tout les navigateur
box-shadow: Xpx Ypx Apx #EEEEEE;

Tu comprend mieux ? =)

Non , je suis peut être conne mais je comprend rien xP

Bon alors on commence par la première :

Code:

-moz-box-shadow: Xpx Ypx Apx #EEEEEE; Moz :

Moz = Le mot «Moz» sert à ce que le code marche sur le navigateur «Mozilla»
Box-shadow = Pour que ça soit une «Box-shadow», c'est aussi pour débuter ses caractéristiques
Xpx Ypx, Apx = Les lettres seront remplacées par des nombres, ça sera le décalage, et px = pixel
regarde les différence :

Ca s'appelle une " Box Shadow "

Code:

<span style="border: 4px solid #781b0e; background: #ffffff;  padding: 3px 8px; -moz-border-radius:15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 2px 2px 3px #000000; -webkit-box-shadow: 2px 2px 3px #000000; box-shadow: 2px 2px 3px #000000; font-size: 22px;"><i>Ca s'appelle une " Box Shadow "</i></span>

Ca s'appelle une " Box Shadow "

Code:

<span style="border: 4px solid #781b0e; background: #ffffff;  padding: 3px 8px; -moz-border-radius:15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 14px 14px 14px #000000; -webkit-box-shadow: 7px 8px 7px #000000; box-shadow: 14px14px 14px #000000; font-size: 22px;"><i>Ca s'appelle une " Box Shadow "</i></span>

#EEEEEE= La couleur

Et la tu comprend mieux ?

Le seul probleme , c'est que sa me parait être des maths , et j'ai horreur des maths , surtout que je suis méga nule -.-'
Le 3e je comprend parce que c'est de l'anglais xD (enfin presque) mais c'est le seul que je comprend a vrai dire

x)... Pense que c'est... Ta matière préférée voilà ^^

Oui , bon bref , explique moi mieux si possible , je suis chiante , je sais

-moz-box-shadow: Xpx Ypx Apx #EEEEEE; Moz :
Moz = Pour que le code marche sur mozilla, tu va mettre le mot moz
Box-shadow : Ce sera "l'ouverture" des caractéristique
X,Y,A = Ils seront remplacé par des nombres, ils détermineront où sera placer l'ombre
#EEEEEE : La couleur de l'ombre

Hummm ! Oké

Tu es sûre d'avoir bien compris pour qu'on passe par la suite ? :)

Oui oui

Alors avec le peu de choses que je t'ai appris, essaye de ton mieux de «traduire» le reste du code ^^

Bon , alors :
Un text shadow

Couleur noire avec 1px 1px 2px

Texte souligner en pointillé

1px Couleur blanc je crois

Texte souligné ; soulignage au coin arrondi

4px la couleur blanche après je pige que dal

Texte souligner en haut et en bas

Comprends rien x)

Texte avec un arrière plan

Texte décoration , couleur #FFFF00 (je crois que c'est dans les violets) et je crois que c tout ^^'