Tutorial ; Mieux comprendre les balises

On n'y échappe pas, elle est omniprésente, même pour parler jardinage, alors si vous rencontrez des problèmes ou vous souhaitez échanger vos idées sur ce sujet, c'est ici !
dav969
Graine de timide
Messages : 80
Inscription : mer. 19 janv. 2011 18:59
Région : Amérique
Localisation : Canada

Re: Tutorial ; Mieux comprendre les balises

Message 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.
Agatheb2k

Re: Tutorial ; Mieux comprendre les balises

Message par Agatheb2k »

:top: , génial, merci ! il me semblait l'avoir déjà dit :lol:
Doriph
Graine de timide
Messages : 13
Inscription : mar. 23 sept. 2014 11:56
Région : Aquitaine

Re: Tutorial ; Mieux comprendre les balises

Message par Doriph »

Génial merci pour ce tutoriel très complet :-)
Herve01
Graine de timide
Messages : 14
Inscription : mer. 01 juin 2016 12:58
Région : Ile de France

Re: Tutorial ; Mieux comprendre les balises

Message 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
Avatar de l’utilisateur
INDY27
Prince du jardin
Messages : 10404
Inscription : lun. 04 août 2014 13:03
Région : Europe du Sud
Localisation : à côté des plantules

Re: Tutorial ; Mieux comprendre les balises

Message par INDY27 »

C'est parce que tu n'as pas encore le droit de mettre de lien :

liens-dans-les-messages-t168323.html
Marre de la pub commerciale dans les signatures ! :angryfire:
Répondre

Revenir à « Aux problèmes Informatiques »