Quelques astuces pour vos posts

Bonjour à tous et toutes,

Ce topic servira à consigner quelques petits trucs qui pourront vous servir à embellir vos posts. Comme nous ne sommes pas tous des experts en codage, j'imagine que certaines choses ne seront pas connues de quelques uns, et d'autres oui. Bref, tout ce qui sera posté ici sera facile à mettre en place, je vous le garantis.

Evidemment, si vous avez vous-même de bons trucs à partager, il vous est possible de le faire ici-même ! N'oubliez pas l'utilisation de la balise "code" pour que nos membres puissent voir la manière de rédiger leur code pour l'obtention du résultat.

Et nous allons tout de suite commencer avec un petit truc très simple, mais efficace. Il s'agit du changement de police de caractères.

L'éditeur de texte du forum vous propose déjà quelques polices : Arial, Arial black, Comic sans MS (si, si...), Courier New, Georgia, Impact, Sans-serif, Serif, Times New Roman, Trebuchet MS et Verdana. Ce sont des polices classiques, mais qui peuvent très bien vous contenter. La balise pour les utiliser est [font=XXX], où XXX doit être le nom de la police.

Mais si ceci est simple au possible, c'est aussi très limité. Aussi, nous n'allons pas nous en tenir à ça.

Il est possible de changer radicalement vos polices en utilisant un petit code HTML, et le mieux c'est que ce code vous est fourni gentiment par Google ! Oui, il suffit de se rendre ici : https://www.google.com/fonts

Il y a une bonne sélection de polices, que vous pouvez rechercher par style, largeur, épaisseur... C'est assez complet, et franchement, si vous ne trouvez pas satisfaction là-dedans...

Pour utiliser ce service, c'est simple, et je vais vous l'expliquer.
Cherchez la police qui vous intéresse. Mettons la police nommée "Shadows into light". Pour chaque police, vous pouvez voir une phrase-type comportant toutes les lettres. "Grumpy wizards make toxic brew for the evil Queen and Jack". Dans le cadre, il y a plusieurs boutons. L'un d'eux représente un carré et une flèche pointant à droite. Cliquez dessus.

La page qui s'affiche vous montre un exemple de la police dans sa taille par défaut. C'est à dire que si vous ne spécifiez pas d'autre style, c'est ainsi que s'affichera votre texte.

Descendez dans la page jusqu'au cadre numéroté 3. Un code vous est donné. Ce code est à insérer en début de votre post, tel quel. Dans le cas de notre exemple, ce code est :

Code:


<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>


Quand votre post contient cette petite ligne, il vous suffit d'utiliser un autre code tout aussi simple pour appliquer votre police à un texte. Ce code donné dans le cadre numéroté 4 s'insère dans une div, de manière à la styler, de cette manière :

Code:


<div style="font-family: 'Shadows Into Light', cursive;">
Votre texte
</div>


Le texte contenu dans la div se verra modifié. Notez que vous pouvez styler votre texte et votre div comme n'importe quel autre élément de ce type. Ceci pourra être développé dans un post ultérieur, si vous le souhaitez.
Vous pouvez par exemple changer la taille des caractères comme vous le feriez normalement, en appliquant la balise [size=]

Donc, en appliquant tout ça à un exemple, on obtient le code suivant :

Code:


<div style="font-family: 'Shadows Into Light', cursive;">
Votre texte
</div>


Et maintenant, je vous donne l'exemple dans toute sa splendeur. Je lui ai donné une couleur goldenrod, et une taille de police de

Et voilà ! Vous savez changer la police de votre texte ! Félicitations !