Inventaire Inventaire ~ : Maîtrise de ses compétences ~: (12/20)
Sujet: [Tuto] Codage pour les Noobs ~ Ksss! Dim 16 Juin - 20:18
Alors donc. Vu qu'on me pose la question, & que je me doute que certaines personnes ne sont pas bien habituées aux codages, je vous propose un petit cours accéléré, ou plutôt un petit tuto. J'y détaillerais, les choses les plus simples que vous pouvez faire à vos codages pour les adapter à vous, & ainsi avoir de jolie réponses à vos RPs, des signatures stylées, mais aussi pour faire vos fiches de liens, et vous aider avec les formulaires de présentations.
Avant toute chose, ne cherchez pas vraiment à comprendre les codes qui vont son donnés. Comme vous l'aurez constater, ce que vous mettez dans votre fenêtre de post de ne ressemble à première vu qu'à un amas de truc incompréhensible. Pas d’inquiétude, c'est magique. Lorsque vous utilisez un codage Html, utilisez souvent la prévisualisation. Ça aide. Commencez en haut, étape par étape pour ne pas risquer de supprimer un élément qui pourrait tout fiche par terre.
1 - Mini bases. (Ajout de cadres, de fond de cadres, et de textes décorés.)
2 - Modification de codages > Images.
3 - Modification de codages > Les Textes.
4 - Modification de codages > Taille.
Débile en Chef
I am
Clary Fairchild
× Messages : 1302 × Age : 28
Inventaire Inventaire ~ : Maîtrise de ses compétences ~: (12/20)
Sujet: Re: [Tuto] Codage pour les Noobs ~ Ksss! Dim 16 Juin - 20:19
1 - Mini bases.
Vouloir avoir de jolis posts, c'est bien. C'est agréable pour ceux qui vous lisent, pour vous peut être aussi...sauf que bien évidemment, ça se fait pas comme. Alors certes, Clary est super gentille, elle vous à mis à disposition, des trucs et des machins, à copier/coller dans vos posts. C'est cool, hein ? Ouais, sauf que c'est possible qu'en voyant les énormes pavés de charabia que ça donne, vous êtes pris d'une énorme flemme ... alors moi, là, toujours moi en fait, je vous propose des petites choses, toutes simples, pour agrémenter vos posts, sans en faire trop. Des codes, tout petits, tout simple, à la base des plus gros.
Tout d'abord, pour un titre, par exemple. On peux faire un truc comme ça ;
BLABLA en Haut ... BLABLA en Bas ...
Code:
<DIV style="TEXT-ALIGN: center" align=center><FONT face=Georgia size=9><blockquote> [color=darkred]BLABLA en Haut ...[/color] [color=black]BLABLA en Bas ...[/color]</FONT></SPAN><BR></DIV>
Remarquons toute la simplicité de la chose. C'est court, et tout ce que vous avez à modifier, c'est le texte, parfaitement repérable dans le code. Vous pouvez aussi modifier la couleur. Sois, comme ici en remplaçant après le "color=" par le nom de la couleur en anglais, soit il me semble en mettant un code couleur. (à tester.)
Ensuite, pour faire de jolies décorations de texte on à ça ; qui donne une ombre en fait.
Puisqu'en terme de taille, rien n'est imposé, ce cadre là, va se mettre directement à la taille de vos posts, et ne déformera en rien le forum. on peux néamoins, ajuster sa taille à guise, en ajoutant après le ; qui se trouve après le 12px le code suivant > width:600px; Ici, je donne un exemple du même cadre réglé à 300px.
On peux aussi modifier la largeur du trait de bordure qui est ici à 3. L'apparence de la bordure. Ici, l'apparence correspond dans le code au mot "solid" ; on peu avoir des cadres en pointillés, en remplaçant "solid" par "dashed".
Au dessus, nous avons donc un cadre, qui fait 300 pixels de largeur, dont la bordure est en pointillé en 1px. On pourra aussi obtenir des cadres colorés à l'intérieur.
TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE
Avec toujours les mêmes valeurs apparaissant, et modifiables. OU avec une image de fond comme suis.
Inventaire Inventaire ~ : Maîtrise de ses compétences ~: (12/20)
Sujet: Re: [Tuto] Codage pour les Noobs ~ Ksss! Dim 16 Juin - 20:29
2 - Modification de codages > Image.
Lorsque vous copiez un code, et que vous le visualisez, parfois, il arrive que pour décorer leur créateur ai insérer des images, sous forme de .gif / .jpg / .png par exemple. Pour les modifier, rien de plus simple. Vous allez devoir avant tout les repérer. En général elles sont la forme d'un code qui à cette allure ;
L'image en elle même étant ce que l'on veux modifier, elle est en fait sous la forme d'un lien, vers elle même. Ici elle commence à http et se fini au .gif, son extension. Pour modifier, c'est simple. On héberge son image sur un hébergeur (Moi j'utilise NoelShack, qui est tout simple.) où en prenant son lien directement sur Internet, comme ici, sur un Tumblr. On copie colle donc le lien vers notre image, et on remplace le lien déjà présent par le notre. On prévisualise et normalement, l'image est en place.
(Néanmoins attention. Parfois un code est intégrer pour forcer l'image à adapter sa taille. Sinon, vous devrez adapter vous même, en règlent la taille de vos images.
Débile en Chef
I am
Clary Fairchild
× Messages : 1302 × Age : 28
Inventaire Inventaire ~ : Maîtrise de ses compétences ~: (12/20)
Sujet: Re: [Tuto] Codage pour les Noobs ~ Ksss! Mar 18 Juin - 14:13
3 - Modification de codages > Les Textes.
Il s'agit là, de la partie la plus simple. > Remplacer les textes, dans un codage, par les votre, pour les présentations, par exemple. En général, je crois que remarquer que tout le monde y arrive assez bien...normal, en même temps. Je ne vais donc pas trop m'y attarder.
En général, lorsque vous prévisualisez vos codages, les zones de textes sont pré-remplis, soit pas un texte, ou par "Votre Texte ici." ou BLABLA. Bref. Il suffit de remplacer. De même pour les titres, les sous-titres.
Code:
<font face="TAHOMA">Description du lien Description du lien Description du lien Description du lien Description du lien
Débile en Chef
I am
Clary Fairchild
× Messages : 1302 × Age : 28
Inventaire Inventaire ~ : Maîtrise de ses compétences ~: (12/20)
Sujet: Re: [Tuto] Codage pour les Noobs ~ Ksss! Mar 18 Juin - 14:17
4 - Modification de codages > Taille.
Mine de rien, la taille ça compte ! XD Plus précisément ici. Je profite donc, de cette explication, pour vous demander de les utiliser ! Vos cadres dans vos codages, sont parfois trop large, forçant le forum entier à repasser en largeur supérieur. Dans ces cas là, réduisez les, à un maximum de 600 ! Pour les réduire, c'est simple repérer ce qui ressemble à ça ;
Code:
<div style="width: 500px;
J'ai déjà expliquer le "width" précédement. Il correspond à une taille en largeur. Vous n'avez qu'à modifier les valeurs.