Page 1 sur 1

Re: Tutorial ; Mieux comprendre les balises

Publié : ven. 02 nov. 2012 18:40
par dav969
Bonjour,

Je vais vous présenter un "tutorial" permettant de mieux comprendre les balises "BBCode".

1/ L'écriture dans les textes :

Comment écrire en gras?
Pour écrire en gras, il faut cliquer sur l'image suivante ;

->Image

Quand vous avez cliqué dessus cela donne deux balises

Code : Tout sélectionner

[b][/b]

Code : Tout sélectionner

[b]Pour finir, il vous faut mettre votre texte ici[/b]
"


Comment écrire en italique et en souligné ?
Pour écrire en italique et en souligné, il faut cliquer sur l'image suivante ;

Italique ;
->Image

Souligné ;
->Image

*Pour écrire en italique / souligné il suffit de reproduire le même système que pour la balise du haut (écrire en gras).

2/ Les liens :
Pour mettre un lien dans les textes et / ou signature il faut cliquer sur l'image suivante ;

-> Image

=> ce qui donne

Code : Tout sélectionner

[url][/url]
quand on y a cliqué dessus.

Code : Tout sélectionner

[url]Mettez votre lien ici et le tour est joué.[/url]
1/a/
Comment rendre un lien plus estetique en le masquant avec un titre?

Cliquer sur l'image URL, cela donne :

Code : Tout sélectionner

[url][/url]
pour le rendre plus estetique deux modifications s'impose, je vais vous donner la formule toute prête :

Code : Tout sélectionner

[url=Placez votre lien ici mêmeMettez un titre ici (comme cliquez ici pour avoir accès au sujet]Mettre par exemple (cliquez ici pour accèder à la page)[/url]
Voici un test que je viens de faire => Cliquez ici

*Faites attention aux liens divulguer de la façon suivante (quand vous ne connaissez pas et qu'il est louche).

3/ Les citations (quote) :
Pour citer un texte il faut cliquer sur le bouton "Quote" soit l'image suivante ;

->Image

Quand vous avez cliqué sur le bouton quote cela donne :

Code : Tout sélectionner

[quote][/quote]

Code : Tout sélectionner

[quote]Mettez votre texte au milieu[/quote]
et cela va donner
Mettez votre texte au milieu
4/ Les codes

Les codes sont comme des citations, sauf qu'avec un code vous pouvez tout sélectionner à l'aide du bouton "tout sélectionné" (ce bouton n'y est pas ...)
Un code permet même de faire apparaitre une balise.

Pour créer un code, cliquez sur le bouton "code".
->Image

Quand vous avez cliqué dessus cela donne :

Code : Tout sélectionner

[code]
[/code]
Vous devez faire comme une citation

Code : Tout sélectionner

[code]Mettre votre texte ici
[/code].
Voici le résultat :

Code : Tout sélectionner

Mettre votre texte ici
5/ Taille de la police

Pour modifier la taille de la police, il faut sélectionner votre texte, une fois celui-ci sélectionné cliquez sur le menu déroulant "Taille de la police:", voici une image pour vous aider :

-> Image

Choisissez la taille qui vous convient et le tour est joué.

6 / Les images :

Il y a déjà une aide pour mettre des images, mais, je vais reprendre ça.
De plus, je vais vous montrer comment enlever le code d’une image hébergé (certaines) afin de ne plus rendre la rendre cliquable.

Vous pouvez mettre une image en cliquent sur le bouton suivant :

Image

Quand vous avez cliqué sur ce bouton la balise suivante s’ouvrira

Code : Tout sélectionner

[img][/img]

Code : Tout sélectionner

[img]Pour que l‘image soit visible il faut placer votre URL ici même[/img]
Si vous trouvez ça trop compliqué, allez sur un hébergeur d’image et copier le code avec une balise commençant par [ car si vous prenez une balise commençant par < elle ne sera pas visible (seulement dans le panneau d’administration des sites).

Quand vous faites « copier » et « coller » depuis un hébergeur d’image, l’image est cliquable, pour ne plus la rendre cliquable, il faut faire de la marnière suivante :

Code : Tout sélectionner

[url=http://www.casimages.com/img.php?i=121102110843998654.jpg][img]http://nsa31.casimages.com/img/2012/11/02/mini_121102110843998654.jpg[/img][/url
Ça va vous paraitre compliqué, mais en vérité c’est assez simple.

Pour ne plus la rendre cliquable il faut enlever le texte suivant :

Code : Tout sélectionner

[url=http://www.casimages.com/img.php?i=121102110843998654.jpg] avec [/url]
Au contraire, si vous voulez rendre une image cliquable, je vais vous donner la formule.

Code : Tout sélectionner

[url=Placez votre lien ici][img]Placer votre URL de l‘image ici.[/img][/url]
De plus, pour faire apparaitre une image, vous pouvez faire des fichiers joints.

7/ Très important :

à noter : Les balises doivent se terminer par un / afin qu'elles soient active.

8 / L'aide :

Vous avez des soucis encore? Je peut vous aider (ou un autre membre via ce sujet) ou par MP.

Les Balises list et vidéos seront prochainement mis en place dans ce tuto ( je réfléchi comment le formuler).

Cordialement

*Ce tutoriel est une création de Dav969.

Re: Tutorial ; Mieux comprendre les balises

Publié : lun. 12 nov. 2012 20:44
par Agatheb2k
:top: , génial, merci ! il me semblait l'avoir déjà dit :lol:

Re: Tutorial ; Mieux comprendre les balises

Publié : mer. 08 oct. 2014 17:10
par Doriph
Génial merci pour ce tutoriel très complet :-)

Re: Tutorial ; Mieux comprendre les balises

Publié : mar. 28 juin 2016 11:53
par Herve01
Tuto très complet merci
J'ai essayé de faire un lien vers google chrome dans la rubrique informatiques, mais j'ai eu un message rouge qui me disait pas de bébé code, ou qqch comme ça

Re: Tutorial ; Mieux comprendre les balises

Publié : mar. 28 juin 2016 13:18
par INDY27
C'est parce que tu n'as pas encore le droit de mettre de lien :

liens-dans-les-messages-t168323.html