La Guerre Des Clans
Bienvenue sur le forum de La Guerre des Clans 123

Nous vivons actuellement une bien sombre période, rejoins-nous vite si tu souhaites en savoir plus et connecte-toi sans tarder pour participer à notre grand évent qui pourrait bien changer beaucoup de choses.

Si vous débutez en forum rpg, nous vous conseillons de cliquer ici >> https://laguerre-desclans123.forumperso.com/t12272-tutoriel Vous trouverez un tutoriel qui vous aidera à faire vos premiers pas sur le forum.


Tout semblait perdu, mais la nature n'avait pas encore joué sa dernière carte.
 
AccueilRechercherS'enregistrerConnexion
Le deal à ne pas rater :
Clé licence Windows 10 professionnel 32/64 bits – ...
2.97 €
Voir le deal

Partagez
 

 ♠ Initiation au codage ♠

Aller en bas 
AuteurMessage
Invité
Invité
avatar


♠ Initiation au codage ♠ Empty
MessageSujet: ♠ Initiation au codage ♠   ♠ Initiation au codage ♠ Icon_minitimeLun 1 Juil - 0:15

" Marre de voir les magnifiques codages des autres sans pouvoir améliorer les vôtres? Ce topic est fait pour vous! "

Aujourd'hui, en m'inspirant du topic qu'avait fait Patte Glacée, aujourd'hui supprimé, je vais vous initier à l'art du codage :sisi: ! Car oui, on aime tous avoir un beau codage pour faire de jolis RP's, c'est plus agréable à lire c'est clair Wink Mais au lieu de poster dans un atelier et attndre des plombes que votre codage soit près, pourquoi ne pas apprendre à en faire? Cendrou est là pour vous sauvez vous en faîtes pas. 

N'hésitez pas non plus à ajouter vos connaissances personnelles à la suite de ce post Wink


I - Les Couleurs


Pour avoir une couleur de texte, de fond, de cadre ou autres il faut faut marquer ceci:



Code:
[color=Nom de la Couleur] Votre Texte [/color]

Voici le noms de quelques couleurs :


Darkred
Red
Orange
Brown
Yellow
Green
Olive
Cyan
Blue
DarkBlue
Indigo
Violet
White
Black
SlateBlue
SpringGreen
SteelBlue
Teal
Thistle
Tomato
WhiteSmoke
MediumTurquoise
MediumViolet
MidnightBlue
Navy
OrangeRed
Orchid
Palegoldenrod
PaleGreen
PaleTurquoise
PalevVoletRed
PeachPuff
PowderBlue
Salmon
SandyBrown
SeaGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray
LightSteelBlue
Maroon
MediumAquamarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
DeepPink
DimGrey
DodgerBlue
FloralWhite
Fuchsia
Gainsboro
Gold
Goldenrod
HotPink
IndianRed
LawnGreen
LightBleu
LightCoral
LightCyan
LightGreen
LightGrey
BurlyWood
CadetBlue
Chartreuse
Coral
CornflowerBlue
Crimson
DarkCyan
DarkGoldenRod
DarkGray
DarkGreen
DarkMagenta
DarkOrange
DarkOrchid
DarkSalmon
DarkSeaGreen
DarkTurquoise
Darkviolet




Exemple :
Code:
[color=DarkOrchid] Coucou c'est Cendrou! [/color]

Ça vous donne  : Coucou c'est Cendrou!


Ensuite, vous pouvez mettre votre texte en surbrillance (c'est à dire qu'il va briller pour ceux qui saurait pas :p). Mais sur un fond clair ça va pas rendre très bien.
Pour ça vous mettez :



Code:
[blur]Votre texte[/blur]
 Exemple : Coucou c'est Cendrou


Mais comme je l'ai dit, vu qu'en ce moment nous avons un fond gris clair, on voit rien tongue


Mais dans ce cas-là, il y a une solution! Car vous pouvez mettre une couleur à votre surbrillance! Magie x)
Pour cela il vous faut juste faire ça:

Code:
[blur][color = Votre Couleur] Votre Texte [/color] [/blur]



Coucou c'est Cendrou!


/!\ Attention, surtout n'entrecroisez pas vos balises sinon ça ne marchera pas!




II - Les Titres
 
C'est un titre basique mais ça fait quand même son effet!
Pour cela il vous suffit de mettre ceci :


Code:
[center]<FONT face="trebuchet ms" size=6><SPAN style="letter-spacing: 0.1em; font-variant:small-caps; text-shadow: #white 1px 1px 1px;">[color= VOTRE COULEUR ] Vôtre Texte [/color] </SPAN></FONT>[/center]<DIV style="BACKGROUND-COLOR: #292929; TEXT-ALIGN: center; border-top: 5px solid #676767; border-bottom: 5px solid #202020"></DIV>

Vous mettez votre couleur et votre texte comme ceci :

Coucou c'est Cendrou


Et voilàà c'est simple comme Bonjour tongue
Revenir en haut Aller en bas
Invité
Invité
avatar


♠ Initiation au codage ♠ Empty
MessageSujet: Re: ♠ Initiation au codage ♠   ♠ Initiation au codage ♠ Icon_minitimeMer 3 Juil - 14:07

III - Les Images sur le côté

Ici, le code pour mettre une image à droite de votre texte
Code:
[table][tr][td][list]
[justify][font=Georgia]blablablabla[/font]
[/justify]
[/list]
[/td]
[td][list]
[img]http://www.hellogif.com/img/avatars/3/2087-f6696.jpg[/img][/list]
[/td]
[/tr]
[/table]


    Votre Texte


    ♠ Initiation au codage ♠ 2087-f6696

Et pour l'image à gauche:

Code:
[table border="0"][tr][td][center][img]http://www.hellogif.com/img/avatars/3/2087-f6696.jpg[/img][/center][/td][td] Votre Texte[/td][/tr][/table]

♠ Initiation au codage ♠ 2087-f6696
Votre Texte
IV - Les Cadres

Code:
<blockquote><div style="border: 2px solid #2A3489; border-radius: 5px; padding: 5px; box-shadow: 5px 10px 15px #000000; background-color: #CEF3F0"><blockquote>
Vôtre Texte
</div>


Vôtre Texte


Explication :
- border: 2px solid #2A3489 correspond a la bordure bleu extérieur, pour en changer la couleur prenez le code HTLM de la couleur que vous désirez.
Lien pour obtenir un Code couleur HTLM

- border-radius: 5px correspond a l'angle de cette même bordure, changer le chiffre devant px change l'angle. Exemple avec un angle de 30



Vôtre Texte


padding: 5px correspond à la marge à l’intérieur de la bordure. Pour que ce soit flagrant je vais la aussi la mettre a 30

Vôtre Texte


- box-shadow: 5px 10px 15px black créera une ombre décalée sur la droite de 5px, vers le bas sur 10px, sera de 15px de large et de la couleur HTLM choisis, ici le noir.

- background-color: #CEF3F0 enfin est la couleur HTLM du fond choisis
Revenir en haut Aller en bas
 
♠ Initiation au codage ♠
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Guerre Des Clans :: Détente & Aide :: Cours-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser