AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion   
Nous exigeons un minimum de 20 lignes par message RP.
La violence ainsi que la sexualité (de manière soft tout de même) sont des sujets autorisés dans le rolplay.
Vous avez une semaine pour poster votre présentation et deux semaines pour la terminer complètement.
Il vous est permis de posséder plusieurs personnages.
Nous exigeons de chaque membre au moins un post de rolplay par mois
Pour une raison esthétique votre avatar devra obligatoirement faire 200 sur 400 pixels.
Nous rappelons que le plagiat est strictement interdit ! Attention à ceux qui souhaitent copier/coller quoique se soit, vous n'êtes malheureusement pas les premiers à avoir tenté l'expérience...
Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Partagez | 
 

 Apprendre à coder - effets sur les boites

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Placid A. Taylor
THE CATERPILLAR
Fondatrice Toxicomane ~Placid A. Taylor
THE CATERPILLAR Fondatrice Toxicomane ~
■ Pseudo : Chloé
■ Sexe : Féminin
■ Age : 29

■ Inscription : 10/01/2010 ■ Messages : 799
■ Disponibilité : 6/7 Je suis de nouveau active ! :)
■ Humeur : Joyeuse ♪
■ Présentation : N'est-il pas le plus Charmant des Camés Hommes ?


Apprendre à coder - effets sur les boites Vide
MessageSujet: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 11 Aoû - 0:29

Alors, je ne code pas super bien (j'ai appris principalement sur le tas u__u) Mais vu la demande de certains membres, voici une leçon pour débutant \o/ !

Déjà dites vous qu'un code en générale ce n'est qu'un empilement de boite dans des boites (un peu comme les poupées russes) mais il faut bien les refermer pour le code apparaisse correctement ;)
D'abord une simple boite 100*200 :

TEXTE

Code:
<center><div style="border:2px #375D81 solid; -moz-border-radius: 15px 5px 15px 5px; -webkit-border-radius: 15px 5px 15px 5px; height:100px; width:200px; background-color: #ABC8E2;box-shadow: 2px 2px 4px black;">TEXTE</div></center>

On trouve généralement cette structure :
Code:
<div style="élément1 : effet1 effet2 effet3; élément2 : effet1 effet2 effet3;">CONTENU</div>

Décortiquons le code, afin de mettre en évidence les effets de chaque partie.
En bleu l'élément et en vert les effets rattachés à cet élément.
Vous pouvez donc changer les valeurs en vert pour modifier l'apparence de la boite :)

border: 2px #375D81 solid;
- C'est la bordure de la boite :
2px = 2 pixels d'épaisseur.
#375D81 = la couleur.
solid = bordure continue, sinon vous pouvez mettre dashed pour une bordure en tirés (en anglais "dash" signifie "tiré") ou dotted pour des pointillés (en anglais "dot" signifie "point").

-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 15px 5px 15px 5px;
15px 5px 15px 5px = un arrondi de 15 pixels en haut à gauche et en bas à droite ainsi que de 5 pixels en haut à droite et en bas à gauche. Pourquoi avoir deux fois le même code ? Le premier fait apparaitre les coins arrondis sur mozilla et le deuxième sur Chrome et safari.

height:
100px; = 100 pixels de hauteur.
width: 200px; = 200 pixels de largeur.

background-color: #ABC8E2; = la couleur de fond de la boite. On peut aussi utiliser une image pour le fond, le code sera alors : background-image: url(https://i.servimg.com/u/f45/12/65/66/22/jj0d8g12.png);

box-shadow: 2px 2px 4px black; C'est l'ombre que l'on peut distinguer autour de la boite. Les deux "2px" décalent l'ombre vers le bas et la droite. Des valeurs négatives sont possibles pour les directions inverses, exemple : "-2px -2px 4px". Le "4px" de la fin détermine la porté de l'ombre.

Si vous avez des questions, surtout n'hésitez pas je détaillerais le tuto ;) !


Dernière édition par Placid A. Taylor le Ven 12 Aoû - 4:09, édité 4 fois
Revenir en haut Aller en bas
Invité
InvitéAnonymous


Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 11 Aoû - 2:16

Whaou, joli tuto, il est super! O.o j'ai tout compris, c'est pour dire XD
Merci beaucoup d'avoir ainsi détaillé, il est facile à comprendre ainsi!
Revenir en haut Aller en bas
Loup des Esseintes
La Fée VerteLoup des Esseintes
La Fée Verte
■ Pseudo : Loup
■ Sexe : Féminin
■ Age : 31

■ Inscription : 15/08/2011 ■ Messages : 16
■ Disponibilité : Fluctuante ~.°
■ Humeur : Enthousiaste
■ Présentation :

La fée Verte


Relations


Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 18 Aoû - 13:18

Je suis motivée, considère moi dès à présent comme ta plus fidèle élève! \o/
Encore, encore!
Revenir en haut Aller en bas
Placid A. Taylor
THE CATERPILLAR
Fondatrice Toxicomane ~Placid A. Taylor
THE CATERPILLAR Fondatrice Toxicomane ~
■ Pseudo : Chloé
■ Sexe : Féminin
■ Age : 29

■ Inscription : 10/01/2010 ■ Messages : 799
■ Disponibilité : 6/7 Je suis de nouveau active ! :)
■ Humeur : Joyeuse ♪
■ Présentation : N'est-il pas le plus Charmant des Camés Hommes ?


Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 18 Aoû - 15:46

Élève ? x) Je pense qu'on a le même niveau mais bon n_n
A ce propos, je pensais faire le prochain tuto sur les effets relatifs aux textes, à moins que certains membres soient intéressés par d'autres effets bien sûr ;) Et à condition que je sache les faire >_<
Revenir en haut Aller en bas
Cylien A. Petersbourg
PinnochioCylien A. Petersbourg
Pinnochio
■ Pseudo : Flocon de Neige
■ Sexe : Masculin
■ Age : 29

■ Inscription : 13/08/2011 ■ Messages : 69
■ Disponibilité : Autant que possible.
■ Humeur : Sarcastique ♥
■ Présentation : x. Could Pinnochio play the Piano ?

ø When I Meet you...

♣️ Appuie sur Start


Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 18 Aoû - 15:52

Obi-Wan du Codage \o/
J'ai tout compris en plus tu te rends pas comptes...
Tu peux m'inclure dans tes élèves : p
Revenir en haut Aller en bas
Placid A. Taylor
THE CATERPILLAR
Fondatrice Toxicomane ~Placid A. Taylor
THE CATERPILLAR Fondatrice Toxicomane ~
■ Pseudo : Chloé
■ Sexe : Féminin
■ Age : 29

■ Inscription : 10/01/2010 ■ Messages : 799
■ Disponibilité : 6/7 Je suis de nouveau active ! :)
■ Humeur : Joyeuse ♪
■ Présentation : N'est-il pas le plus Charmant des Camés Hommes ?


Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites EmptyJeu 18 Aoû - 17:04

Cylien A. Petersbourg a écrit:
Obi-Wan du Codage \o/
Mdr x) Ça me fait plaisir mais vous vous faites des idées sur mon niveau je pense n_n
Enfin ça me va :D Vous êtes mes deux apprentis \o/
Revenir en haut Aller en bas
Contenu sponsorisé



Apprendre à coder - effets sur les boites Vide
MessageSujet: Re: Apprendre à coder - effets sur les boites   Apprendre à coder - effets sur les boites Empty

Revenir en haut Aller en bas
 

Apprendre à coder - effets sur les boites

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Alice's Madness :: Débats & Discussions-
TOP SITE alice 039 madness alice 039 madness
alice 039 madness alice 039 madness
alice 039 madness alice 039 madness
GAGNER DES POINTS EN VOTANT !
ACTUALITÉ
NOUVEAUTÉS ~
RECENSEMENT ~
INTRIGUE ~
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Forums RPG | Manga - BD