Bonjour,
La famille de Gamekyo, grâce a de nouveaux membres, s'agrandis de jours en jours, les articles sont nombreux et les commentaires le sont encore plus !
Et c'est après quelques visites sur certains articles ou quelques questions de membres que j'ai décidé de vous faire un gros article tutorial qui vous permettra de bien comprendre et utiliser les balises sur vos articles comme dans les commentaires.



___________________________________________

- Je tiens a souligner que je ne suis pas un technicien de chez Gamekyo. Si vous avez des questions, je vais tenter de vous aider mais je ne vous garantis pas que j'ai une réponse à tout !
- Ce tutorial n'a pas pour but de faire de vous un gros OufZor de la mort qui fait des supers articles sur Gamekyo. Il sert juste a aider et a comprendre comment utiliser les balises pour faire des articles honnêtes.
- Je ne suis pas contre que l'on me suggère d'autres astuces ou d'autres utilisations de balises utiles
- Par contre je vous prie de ne pas critiquer bêtement et sans raisonnement cette article juste parce que vous savez déjà utiliser les balises ou qu'il y a certaines choses que je ne connais pas (encore).
- Ce tutorial s'adresse aux débutants comme au personnes qui sont présente depuis de nombreuses années mais, qui ont un peu de mal a comprendre le fonctionnement des balises.
- Dans ce tutorial, je vais montrer des exemples de balises. Pour ne pas qu'elles soit "activés", je met des *** pour que vous puissiez comprendre de quelle balise je parle. Lorsque vous utiliserai les balises, ne mettez pas les *** !
___________________________________________








Petit cours théorique avant de passer à la pratique, je sais que c'est chiant et long, mais nécessaire pour bien comprendre

Avant de se lancer dans l'utilisation des balises, il est nécessaire de savoir ce que sont les balises et comment elle fonctionne.
Une balise, est un code, avec un début et une fin, qui permet de faire plusieurs choses : rendre un texte attractif avec des soulignements ou le rendre gras, de mettre un lien, d'associer un texte a un lien, de mettre une image ET de la redimensionner et etc ...
(Vous aurez une liste des balises, que l'on peux utiliser dans les commentaires et dans les articles, un peu plus loin )

A savoir : Les balises que vous utilisez viennent d'un langage informatique beaucoup répandu sur les forums : le BBcode. Il permet de faire de l'édition et de la mise en page sans trop faire n'importe quoi ( déformer une page web). Attention, ce n'est pas un langage de programmation mais ça s'y rapproche dans la forme

Comme je l'ai dis plus haut, une balise contient un début et une fin !
Par exemple, la balise pour mettre les mots en gras est [*g][*/g]
Comme vous l'aurez compris, [*g] désigne le début de la balise et [*/g] la fin.
Tout ce qui est à l'intérieur de ces balises prennent l'attribut de la balise (là dans mon exemple, c'est tout le texte qui sera présent entre le début et la fin (à l'intérieur) des deux balises qui sera en gras )

Et cette règle s'applique aussi aux commentaires et pour tout type de Balises !

Il est important de le préciser car je retrouve souvent ce genre de choses ... :

Cet exemple montre que le membre a continué son texte DANS la balise qui permet de faire des liens.
Ce résultat est dû à une mauvaise utilisation des balises mais ce n'est pas grave, on ne peux pas tout savoir.

Aussi, chaque balises a son propre attribut ! Ce n'est pas la peine de mettre un lien (http://machintruc.com) dans une balise image ( [*img][*/img] ) car cela ne marchera pas !
Par ailleurs, on peux utiliser plusieurs balises pour un texte ou une image.
Exemple : J'utilise la balise pour mettre une image et j'utilise une autre balise pour faire en sorte que cette image amène à un site web donc :
[*url=http://lesite.com][*img]http://image.jpg[*/img][*/url]


Voilà, c'est tout ! Vous savez a peu prêt ce que c'est et comment fonctionne les balises :
- C'est un language informatique qui permet de donner des attributs aux textes ou mettre des images
- Il y a un début et une fin. Tout ce qu'il y a entre ce début et cette fin sera pris en compte par la balise
- Chaque balise a son propre attribut
- On peux utiliser plusieurs balises

Maintenant on va voir quelles sont les balises que l'on peux utiliser dans les articles et comment elles fonctionnent.





En général les balises que l'on peux utiliser dans un article sont juste au dessus de la fenêtre de texte. On les utilise en cliquant dessus simplement.
Il y en a d'autres juste en dessous du bouton valider dans la page de création d'article. Et encore d'autres que l'on retrouvera ici !

Cependant, je vais me pencher sur quelques balises que les gens ne connaissent pas forcément et/ou on du mal à utiliser.


[*img][*/img]
Cette balise permet d'insérer une image dans notre article, mais certains ce demande comment faire.
Pour insérer une image, il faut sont URL ( son lien ) donc il faut qu'elle soit sur internet.
Vous pouvez les heberger sur certains sites qui le propose ( comme imageshack ) ou les récupérer sur le net.
Par contre pour qu'elle soit vu il faut bien récupérer l'URL de l'image ! Pour ce faire, faites un clic droit sur l'image et choisissez "copier l'URL de l'image" ou "Ouvrir l'image dans un nouvelle onglet".
Une fois que vous avez l'URL de votre image, vous pouvez l'insérer entre les balises [*img] et [*/img].
L'url de votre image doit toujours ce terminer par un .JPG .GIF .PNJ ou encore .BMP mais jamais par un .HTML .FR .COM ou .PHP car ce ne sont pas des formats d'image.
Il ne faut pas qu'il y ait d'espaces dans vos balises, tout doit ce coller, sinon l'image ne s'affichera pas !

[*pos=centre][*/pos]
Cette balise permet de donner un positionnement a votre image, votre texte ou les deux à la fois.
Il y a Trois choix possible a mettre après le "pos="
gauche - centre - droite.
Oubliez pas : pour que votre texte ou votre image soit positionné, il faut que votre contenu soit a l'intérieur de cette balise.

[*flash][*/flash]
Ca peut paraître bête mais c'est la balise à utiliser lorsque l'on veux mettre une vidéo YouTube.
Par ailleurs il faut utiliser une URL spécial sur youtube que l'on trouve (sur la page youtube ) dans le bouton "Partager" > "Intégrer" > "Utiliser ancien code d'intégration" et là on copie colle le "http://youtube.com/blabla" que l'on trouve après "src" dans le code.
C'est compliqué alors je vais ai fait un petit screen pour que vous puissiez comprendre :

C'est toujours bon a prendre lorsqu'on ne sait pas !

[*chat][*/chat]
Une petite balise qui permet d'intégrer un Tchat dans votre article !
Toujours sympa mais faite gaffe a certains boulet qui peuvent facilement faire les cons sur le chat ( en spammant, en changeant de pseudo sans arrêt, en lançant quelques scripts pour hacker ...)

Voilà, après je ne pense pas qu'il soit nécessaire de parler des autres balises tellement elles sont basiques et facile a utiliser ( par contre, si vous avez des questions, n'hésitez pas a me le faire savoir par commentaire).
Encore une fois, n'oubliez pas que vous pouvez combiner les balises !





Cette section sera courte car il n'y a pas grand chose a dire, juste deux trois points a souligner.

Les balises que l'on peux utiliser dans les commentaires sont présent juste au dessus de la fenêtre de texte, donc Gras, Italique, Soulignement, URL, Lien ...
Il faut savoir que l'on ne peux pas utiliser les mêmes balises que ceux des articles. Pas la peine d'essayer de mettre une image ou de centrer son texte.
Par contre, il y a une liste de gif que l'on peux utiliser dans les commentaires et que l'on peux retrouver ici
Autre chose, les balises URL et Lien sont différente.
La balise URL permet de coller un lien, sans plus, alors que la balise Lien permet d'associer un lien a un texte.
Dans la balise du Lien, le texte est, encore une fois, a mettre entre les deux balises
Exemple :
[*url=Http://lesite.com]Le texte sur lequel on pourra cliquer [*/url]
Je reviendrai la dessus dans les bonus.

Voilà, il n'y avait vraiment pas grand chose à dire sur les balises dans les commentaires ... Maintenant, on va passer au bonus qui vous permettra d'apprendre deux trois truc comme appliquer les balises plus vite




Une petite section bonus ne fait jamais de mal. Ici on va voir comment appliquer les balises plus rapidement, redimensionner les images ou encore comment mettre des vidéos dans notre bannière !

Tout d'abord une petite astuce pour allez plus vite.
Savez vous qu'il est possible d'appliquer une balise juste en sélectionnant le texte et en cliquant sur la balise que l'on veut utiliser ?
Image :

Maintenant que mon texte est sélectionné, il ne me reste plus qu'a choisir une des balises qui sont au dessus ( Gras, Italique, Souligner et même Lien ) et voilà le travail !

A savoir que cette astuce marche aussi bien dans les commentaires que dans les articles !
Je vous conseil d'utiliser cette astuce lorsque vous voulez associer un lien à un bout de texte.
Ecrivez d'abord votre texte, choisissez quels mots vont aller sur le lien, sélectionnez-les, cliquez sur le bouton "lien", une fenêtre apparaît, collez et le tour et joué !
____
Peut être que vous le savez déjà, d'autres non, mais on peux redimensionner certaines balises !
En faite, a ma connaissance, on ne peux redimensionner que deux balises, les images [*img][*/img] et le chat [*chat][*/chat].
Pour ce faire, dans la premier balise, il suffit d'ajouter "=800"
Exemple
[*img=800]http://image.jpg[*/img]
Très pratique lorsqu'on se retrouve avec des images trop grande

A savoir : Le "800" désigne en pixel la largeur que va avoir votre image (ou votre chat) votre image ne sera pas déformé. Un article de base fait 800 pixel de large.

Bien sûr rien ne vous empêche de modifier la valeur ! Par exemple si vous souhaitez mettre deux images côte à côte sans que ça dépasse, mettez [*img=400] a vos deux images
Aussi cela ne marche que dans les articles !
____
Maintenant la dernière astuce, mettre des vidéo YouTube dans vos bannière !
J'ai recherché cette fonctionnalité pendant un bon moment et je remercie Teel de m'avoir expliqué ce qu'il faut faire.
Tout d'abord, il faut aller dans "Profil" dans le menu en haut de la page > dans la fenêtre a gauche nommé "Administration" il faut cliquer sur "Editer le profil" > Tout en bas il y a une section "changer l'entête de votre blog"
C'est ici que vous pouvez mettre vos images ou vidéos.
Pour rappel, il faut mettre la balise [*flash][*/flash] et prendre le bon lien youtube :

Une dernière chose concernant les bannières de vos blog :
C'est très jolie de mettre des wallpaper de 1900x1200 px en entier dans vos bannières ou de mettre des centaines d'images et/ou vidéo mais, c'est très lourd de faire un marathon avec la molette ou l’ascenseur, en plus ça met 8 ans a se charger avant d'arriver à l'article ... Faites attention !

A savoir : Il n'est pas possible (pour l'instant ?) d'éditer son commentaire ! Pas la peine d'essayer ou de demander, ça ne marche pas


Voilà, mon tutorial touche à sa fin, en espérant que ça vous aidera a l'avenir.
Si vous n'arrivez pas a comprendre quelque chose car c'est mal expliqué, dite le moi et je corrigerai.
Si c'est parceque c'est trop compliqué pour le moment, mettez cet article en favoris et revenez plus tard.

Sur ce, je reste a votre disposition dans les commentaires et je vous dis à bientôt sur Gamekyo