 |  Sujet: Html-O-Rama  Mar 19 Oct - 18:54 | |
| guide | carnet HTML
Les Séparateurs
Pour pouvoir bien coder ces séparateurs, il faut connaitre certaines balises.
Donc pour pouvoir obtenir le résultat du titre ci-dessus, il faut copier/coller un code.
- Code:
-
<div style="border-bottom:1px dotted cornflowerblue; text-transform: lowercase; font-variant: small-caps; text-align: center; letter-spacing: 1px;">Votre Texte</div>
Explications des balises
Border-Bottom : C'est la bordure en bas de votre texte.
Text-Align : L'alignement de votre texte.
Font-Variant : Ce sont les variantes de texte.
Text-transform : Ce sont les transformations de votre texte pour rendre en majuscule en minuscule, etc.
Letter-Spacing : Ce sont les espaces entre les lettres.
* Astuces : Essayez de changer vos effets tel que les couleurs, les bordures et les variantes de texte.
Glows et Ombres
Texte
- Code:
-
<div style="text-shadow: 1px 1px 1px #E6E6E6;">Texte</div>
Texte
- Code:
-
<div style="text-shadow: 1px 1px 1px #898989;">Texte</div>
Texte
- Code:
-
<div style="text-shadow: 1px 1px 3px #F892D8;">Texte</div>
Texte
- Code:
-
<div style="text-shadow: 1px 1px 3px #1986E2;">Texte</div>
Texte
- Code:
-
<div style="text-shadow: 1px 1px 3px #E2D619;">Texte</div>
Les Backgrounds
Texte
- Code:
-
<div style="text-align: center; background:url(http://i48.tinypic.com/2mgsye.jpg) repeat;">Texte</div>
* Astuce : Pour changer l'image de fond, changer cette partie. ; "https://2img.net/h/oi48.tinypic.com/2mgsye.jpg" par votre url.
Les Couleurs
Maroon DarkRed Brown FireBrick IndianRed Crimson Red OrangeRed Tomato Coral LightSalmon DarkSalmon Salmon Lightcoral PaleVioletRed
Pour d'autre couleurs veuillez consulter ceci : (・ε・)ノ
- Code:
-
<font color="Nom de la Couleur">Texte</font>
Autres
premier texte
deuxième texte
- Code:
-
<div style="text-align: center;"><span style="font-family: georgia; font-size:24px;">
<font style="color: cornflowerblue">premier texte</font><br><font style="color:#898989; font-size:28px;"><I>deuxième texte</I></font></span></div>
Voici un effet pour donner à vos textes et RPs qui permettent de donner un type de block avec un texte justifié, cela donne un effet droit et beaucoup plus propre pour tout vos RPs et autres textes ! Voici un effet pour donner à vos textes et RPs qui permettent de donner un type de block avec un texte justifié, cela donne un effet droit et beaucoup plus propre pour tout vos RPs et autres textes ! Voici un effet pour donner à vos textes et RPs qui permettent de donner un type de block avec un texte justifié, cela donne un effet droit et beaucoup plus propre pour tout vos RPs et autres textes !
- Code:
-
<blockquote>[justify]Votre texte entre ces balises ![/justify]</blockquote>
Lettrine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Code:
-
<span style="float: left; font-size: 40px; padding-top: 10px; margin-bottom: 4px; color: skyblue; font-family: Georgia, 'Times New Roman', Times, serif;">VOTRE PREMIÈRE LETTRE</span>
Merci de ne pas copier ce tutoriel!
Si jamais vous avez envie de le prendre pour x raisons, contactez Kim Seol Ri!
(c) idée prise de Until-Whenever (c) Shenhua modifié par Sui. |
|
