Aller au contenu


Photo
- - - - -

Aide à l'utilisation d'une balise


  • Veuillez vous connecter pour répondre
2 réponses à ce sujet

#1 vivresurlaroute

vivresurlaroute

    Constructif

  • Membres
  • PipPip
  • 78 messages
  • Sexe:Homme
  • Location:JURA
  • Interests:Informatique (plus particulièrement Internet mais aussi la programmation)<br />Sécurité routière (IDSR39 + IDSR39 &quot;collége&quot;<br />Profession : commandant de brigade de gendarmerie
  • Ville :SAINT JULIEN (39)
  • Véhicule(s) :RENAULT GRAND ESPACE

Posté 20 August 2008 - 13:41

Voici un petit tuto qui vous aidera à utiliser pleinement toutes les fonctionnalités du forum, plus particulièrement dans la rédaction d'un message.


..:°° EXPLICATIONS °°:..



L'objectif premier pour nous tous lorsque nous rédigeons un message sur un forum est que celui-ci soit lu par un maiximum de membre. Cela contribue notamment à la notoriété d'un membre.
Si vous voulez que l'un de vos post soit considéré comme un essentiel du forum, il vous faudra bien évidemment vous attachez à le rendre agréable à lire. Pour cela, vous pouvez ajouter de la couleur, des images, centrer votre texte, le mettre en gras, y inclure des smileys... Bref, le forum met à votre disposition toute une palette d'outils de mise en page des messages.

Chaque outil de mise en page est inséré dans une balise. Pour appliquer un effet, votre texte ou objet doit être inséré à l'intérieur de cette balise. Une balise est un code qui s'écrit entre crochets.
Il existe 2 types de balise, la balise dite "ouverte" et la balise "fermée". Tout ce qui se trouve entre une même balise ouverte et une même balise fermée sera modifié en fonction de l'intitulé de la balise. (ex tout le texte se trouvant entre une balise ouverte "mettre en gras" et une balise fermée "mettre en gras" sera mis en gras)

Une balise ouverte s'écrit ainsi : [code de la balise]
Une balise fermée s'écrit ainsi : [/code de la balise] (avec le "/" en plus)

Il ne vous reste plus qu'à connaître les codes des balises (ex "b" pour gras) et à les insérer entre les crochets en lieu et place du code de la balise dans mes précédents exemple.

..:°° FONCTIONNALITES DU FORUM °°:..



Maintenant vous allez nous dire "c'est parfait, mais je ne les connaîs pas les codes des balises moi !". Effectivement, nous les retenons au fur et à mesure de leur utilisation.... Mais n'ayez aucune crainte, le forum est ###çu pour les experts comme pour les débutants.... Tout a été prévu pour vous faciliter la tâche. Chaque code de balise a été remplacé par un bouton parfaitement identifiable sur le forum.

Et pour vous aider à participer pleinement sur le forum et faire vivre notre communauté, je vous ai préparé toute une série de tutoriels vous expliquant le mode d'emploi de chaque balise avec dans chaque explication, une série de copies d'écran pour mieux vous indiquer la démarche à suivre.

Ces tutoriels sont placés à la suite de ce message, Chacun correspondant à une balise particulière.

Nota : Ces tutoriels ont été réalisés sur la base du forum de l'association VIVRESURLAROUTE. Il se peut que certaines images diffèrent de celui d'AUTOCADRE. Toutefois, les images d'exemple ont été modifiées afin qu'elle s'intègrent parfaitement au forum AUTOCADRE...

..: Comment mettre un mot ou une partie d'un texte en gras :..




Identification de la balise
Le code de la balise à utiliser : "b"
Le bouton raccourci de la balise gras est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez mettre en gras et de cliquer sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte en gras peut rendre votre message désagréable à la lecture. Servez vous en essentiellement pour mettre en valeur vos titres ou mots importants.


..: Comment mettre un mot ou une partie d'un texte en italique:..




Identification de la balise
Le code de la balise à utiliser : "i"
Le bouton raccourci de la balise italique est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez mettre en italique et de cliquer sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte en italique peut rendre votre message désagréable à la lecture. Servez vous en essentiellement pour indiquer des paroles rapportées.


..: Comment souligner un mot ou une partie d'un texte :..




Identification de la balise
Le code de la balise à utiliser : "u"
Le bouton raccourci de la balise souligner est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez souligner et de cliquer sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte souligné peut rendre votre message désagréable à la lecture. Servez vous en essentiellement pour mettre en valeur un mot important ou vos titres.


..: Comment Appliquer un effet spécial sur du texte :..



Effet de carcatère "indice"
Type d'effet
Cette balise permet de décaler vers le bas le texte sélectionné par rapport au reste du message.

Exemple
texte normal texte "indice"

Identification de la balise
Le code de la balise à utiliser : "sub"
Le bouton raccourci de la balise "indice" est : Image IPB
Il est accessible via la commande : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez mettre en "indice" et de cliquer sur Image IPB puis sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte en indice peut rendre votre message désagréable à la lecture.


..: Comment Appliquer un effet spécial sur du texte :..




Effet de carcatère "exposant"
Type d'effet
Cette balise permet de décaler vers le haut le texte sélectionné par rapport au reste du message.

Exemple
texte normal texte "exposant"

Identification de la balise
Le code de la balise à utiliser : "sup"
Le bouton raccourci de la balise "exposant" est : Image IPB
Il est accessible via la commande : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez mettre en exposant et de cliquer sur Image IPB puis sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte en exposant peut rendre votre message désagréable à la lecture.

Image IPB

Retrouvez nous sur : http://www.vivresurlaroute.info


#2 vivresurlaroute

vivresurlaroute

    Constructif

  • Membres
  • PipPip
  • 78 messages
  • Sexe:Homme
  • Location:JURA
  • Interests:Informatique (plus particulièrement Internet mais aussi la programmation)<br />Sécurité routière (IDSR39 + IDSR39 &quot;collége&quot;<br />Profession : commandant de brigade de gendarmerie
  • Ville :SAINT JULIEN (39)
  • Véhicule(s) :RENAULT GRAND ESPACE

Posté 20 August 2008 - 19:53

..: Comment Appliquer un effet spécial sur du texte :..



Effet de carcatère "barré"
Type d'effet
Cette balise permet de barrer les caractères se trouvant dans un texte sélectionné.

Exemple
texte normal texte "barré"

Identification de la balise
Le code de la balise à utiliser : "s"
Le bouton raccourci de la balise "barré" est : Image IPB
Il est accessible via la commande : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner la totalité du texte que vous souhaitez barrer et de cliquer sur Image IPB puis sur Image IPB
Les balises seront alors insérées de part et d'autre du texte sélectionné.

Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Trop de texte barré peut rendre votre message désagréable à la lecture.



..: Comment insérer un smiley dans un message :..



Identification des smileys disponibles :
;) :rolleyes: <_< :mellow: :unsure: :angry: :blink: :huh: :lol: :o :P :( B) :D :)

Utilisation du clavier :
Il vous suffit pour cela de vous positionner à l'endroit où vous souhaitez insérer le smiley et de taper le code du smiley.

exemple de code pour obtenir le premier smiley de la liste ci-dessus :
;)

Utilisation des boutons raccourcis
2 possibilités s'offrent à vous :

1° Utilisez le panneau d'affichage des smileys situé sur la gauche de la fenêtre.
Identification :

Image IPB


Mode d'emploi :
Il vous suffit pour cela de positionner votre curseur à l'endroit où vous souhaitez insérer le smiley et de cliquer une fois sur le smiley que vous désirez insérer. Le code de ce smiley s'écrira automatiquement à l'endroit voulu.

2° Utilisation du bouton raccourci "menu déroulant"
Identification :
Menu déroulant avec pour symbole : Image IPB

Mode d'emploi :
Il vous suffit pour cela de positionner votre curseur à l'endroit où vous souhaitez insérer le smiley et de cliquer sur le menu déroulant puis de choisir le smiley que vous désirez insérer. Le code de ce smiley s'écrira automatiquement à l'endroit voulu.

Astuce :
- Les smileys représentent tous une humeur ou un comportement particulier. A vous choisir celui qui correspond au message que vous voulez faire passer.
- N'abusez pas des smileys. certains forum limitent à 10 smileys par message.


..: Comment insérer un lien hypertext dans un message sur un mot ou une phrase :..



Identification de la balise
Le code de la balise à utiliser : "url"
Le bouton raccourci : Image IPB

Utilisation du clavier :
- Indiquez dans la balise d'ouverte l'url de destination, puis
- Inscrivez le mot ou la phrase que vous voulez voir apparaître à l'écran (exemple : cliquez ici)
- placer la balise de fermeture.

Illustration :

Image IPB


Exemple concret :
- Nous allons placer l'url du site de l'association VIVRESURLAROUTE (http://www.vivresurlaroute.info) sur la phrase "le forum de l'association vivresurlaroute". De ce fait, en cliquant sur la phrase, les internautes arriveront directement sur le forum de notre communauté.

le code à inscrire est donc :
[url="http://www.vivresurlaroute.info"]le forum de l'association vivresurlaroute[/url]

Une fois mon message validé, le résultat donnera ceci :
le forum de l'association vivresurlaroute

Un simple clic sur cette phrase et nous voilà donc dirigé vers notre forum.

Utilisation du bouton raccourci :
- Positionnez votre curseur à l'endroit où vous souhaitez placer votre lien hypertext ;
- Cliquez sur le bouton raccourci "lien" : Image IPB

Vous obtenez alors cette fenêtre dans laquelle vous allez inscrire l'url de destination :

Image IPB

(dans notre exemple précédent, nous aurions inscrit "http://www.vivresurlaroute.info"

Cliquez sur "OK"

Vous obtenez alors cette fenêtre dans laquelle vous allez inscrire le texte que vous souhaitez voir apparaître :

Image IPB

(dans notre exemple précédent, nous aurions inscrit "le forum de l'association vivresurlaroute"

Cliquez sur "Ok"

Vous obtenez alors dans votre message :
[url="http://www.vivresurlaroute.info"]le forum de l'association vivresurlaroute[/url]

Important :
Soyez vigilant lorsque vous proposez un lien hypertext. Vous engagez alors votre responsabilité ...



..: Comment insérer un lien hypertext dans un message sur une image :..



Identification de la balise
Le code de la balise à utiliser : "url"
Le bouton raccourci : Image IPB

Utilisation du clavier :
- Indiquez dans la balise d'ouverte l'url de destination,
- Insérez l'url de l'image choisie entre les balises "img"
- placer la balise de fermeture d'url.

Illustration :

Image IPB


Exemple concret :
- Nous allons placer l'url du site de forum-italie (http://www.vivresurlaroute.info) sur la bannière de notre forum qui se trouve à l'emplacement "http://www.vivresurl...urlaroute.gif". De ce fait, en cliquant sur la bannière, les internautes arriveront directement sur le forum de notre communauté.

le code à inscrire est donc :
[url="http://www.vivresurlaroute.info"][img]http://www.vivresurlaroute.info/idsr/images/ban_vivresurlaroute.gif[/img][/url]

Une fois mon message validé, le résultat donnera ceci :
Image IPB

Un simple clic sur cette bannière et nous voilà donc dirigé vers notre forum.

Utilisation du bouton raccourci :
- Positionnez votre curseur à l'endroit où vous souhaitez placer votre lien image hypertext ;
- Cliquez sur le bouton raccourci "lien" : Image IPB

Vous obtenez alors cette fenêtre dans laquelle vous allez inscrire l'url de destination :

Image IPB

Dans notre exemple précédent nous aurions inscrit "http://www.vivresurlaroute.info"

Cliquez sur "OK"

Vous obtenez alors cette fenêtre dans laquelle vous allez inscrire l'emplacement de l'image choisie entre les balises "img":

Image IPB

dans notre exemple précédent nous aurions inscrit "
[img]http://www.vivresurlaroute.info/idsr/images/ban_vivresurlaroute.gif[/img]

Cliquez sur "Ok"

Vous obtenez alors dans votre message :
[url="http://www.vivresurlaroute.info"][img]http://www.vivresurlaroute.info/idsr/images/ban_vivresurlaroute.gif[/img][/url]

Important :
Soyez vigilant lorsque vous proposez un lien hypertext. Vous engagez alors votre responsabilité ...



..: Comment insérer une image dans un message :..



Identification de la balise
Le code de la balise à utiliser : "img"
Le bouton raccourci : Image IPB

Utilisation du clavier :
Insérer l'url de l'image souhaitée entre les balises "img".

Illustration :

Image IPB


Exemple concret :
- Nous allons insérer dans un message une image trouvée sur un site internet.

A/ Récupération de l'URL de l'image:
- Une fois que vous avez choisi une image sur un site internet, effectuez un clic droit sur cette image et sélectionnez "propriétés"

Image IPB


- Sur la fenêtre "général", sélectionnez l'url de l'image, et copier cette adresse à l'aide d'un clic droit puis "copier"

Image IPB


Vous disposez maintenant en mémoire de l'url de votre image.

Fermez toutes les fenêtre et revenez sur votre message.
Cliquez sur le bouton de raccourci Image IPB et copier l'url de votre image dans la nouvelle fenêtre puis validez.

Image IPB


La commande d'insertion de votre image est alors automatiquement inscrite dans votre message.

Astuce :
- Cette balise peut être utilisée en complément d'autres balises (alignement, lien...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Vous êtes limités à 20 images par messages. La taille des images est également réglementée. Si votre image est trop grande, elle sera automatiquement réduite. Essayez de respecter une taille ne dépassant pas les 500 pixels de large pour conserver tout l'attrait de votre image.


..: Comment insérer une adresse email dans un message :..



Identification de la balise
Le code de la balise à utiliser : "email"
Le bouton raccourci de la balise "email" est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre adresse email entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de cliquer sur le bouton raccourci Image IPB et de renseigner votre adresse email dans la boite de dialogue.

Image IPB




Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, alignement, taille...). Voir le tuto "multi balises".
- Restez prudents dans la divulgation de votre adresse email....


..: Comment insérer une citation dans un message. :..




Identification de la balise
Le code de la balise à utiliser : "quote"
Le bouton raccourci de la balise "citation" est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de cliquer sur le bouton raccourci Image IPB et les deux balises seront insérées dans votre message. Placez votre curseur au centre des deux et écrivez votre citation.

Résultat

Ce texte est en fait ma citation




Astuce :
- Cette balise peut être utilisée en complément des autres balises (image, liens, ...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Vous pouvez également insérer des images, des liens, des adresses email.... dans vos citations.
- N'hésitez à mentionner la personne que vous citez.



..: Comment insérer du code dans un message. :..




Cette balise vous permet de laisser votre code visible. En effet, si vous tapez du code dans votre message, il sera automatiquement remplacé par son résultat. Si je tape du code avec la balise "b", vous ne verrez pas mon code mais le texte sera affiché en gras. Si je tape ce code entre les balises "code", le texte ne sera pas en gras et vous verrez le code en entier (voir exemple ci-dessous).

Identification de la balise
Le code de la balise à utiliser : "code"
Le bouton raccourci de la balise "code" est : Image IPB

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il faut suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de cliquer sur le bouton raccourci Image IPB et les deux balises seront insérées dans votre message. Placez votre curseur au centre des deux et écrivez votre code.

Résultat
[b]la balise "b" sert à mettre du texte en gras. Sans l'ajout de la balise "code", mon texte aurait été en gras et vous n'auriez rien pu voir.[/b]

Astuce :
- Cette balise peut être utilisée en complément des autres balises (image, liens, ...). Voir le tuto "multi balises".
- N'abusez pas de cette balise. Vous pouvez également insérer des images, des liens, des adresses email.... dans vos codes.
- cette balise doit servir d'exemple dans vos messages..


..: Comment mettre en forme du texte (changement de police d'écriture). :..




Cette balise vous permet changer la police d'écriture. (Arial, Comics sans MS, Verdana....)

Identification de la balise
Le code de la balise à utiliser : "font=(nom de la police)"
Le bouton raccourci de la balise "police d'écriture" est le menu déroulant nommé "Polices".

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il vous suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner votre texte et de cliquer sur le bouton raccourci nommé "police" et enfin de choisir votre police d'écriture et les deux balises seront insérées dans votre message.

Image IPB



Astuce :
- Cette balise peut être utilisée en complément des autres balises (couleur, taille, ...). Voir le tuto "multi balises".


..: Comment mettre en forme du texte (changement de couleur). :..




Cette balise vous permet changer la couleur de votre texte.

Identification de la balise
Le code de la balise à utiliser : "color=(code couleur)"
Le bouton raccourci de la balise "couleur" est le menu déroulant Image IPB.

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il vous suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner votre texte et de cliquer sur le bouton raccourci Image IPB et enfin de choisir votre couleur de police et les deux balises seront insérées dans votre message.

Image IPB



Astuce :
- Cette balise peut être utilisée en complément des autres balises (police d'écriture, taille, ...). Voir le tuto "multi balises".

Image IPB

Retrouvez nous sur : http://www.vivresurlaroute.info


#3 vivresurlaroute

vivresurlaroute

    Constructif

  • Membres
  • PipPip
  • 78 messages
  • Sexe:Homme
  • Location:JURA
  • Interests:Informatique (plus particulièrement Internet mais aussi la programmation)<br />Sécurité routière (IDSR39 + IDSR39 &quot;collége&quot;<br />Profession : commandant de brigade de gendarmerie
  • Ville :SAINT JULIEN (39)
  • Véhicule(s) :RENAULT GRAND ESPACE

Posté 20 August 2008 - 22:28

..: Comment mettre en forme du texte (taille des caractères). :..




Cette balise vous permet changer la taille de votre texte.

Identification de la balise
Le code de la balise à utiliser : "size=(code de la taille)"
Le bouton raccourci de la balise "size" est le menu déroulant nommé "Tailles".

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il vous suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner votre texte et de cliquer sur le bouton raccourci nommé "tailles" et enfin de choisir votre taille de police et les deux balises seront insérées dans votre message.

Image IPB



Astuce :
- Cette balise peut être utilisée en complément des autres balises (police d'écriture, couleur, ...). Voir le tuto "multi balises".


..: Comment mettre en forme du texte (alignement des caractères). :..




Ces balises vous permettent changer l'alignement de votre texte (gauche, centre, droite).

Identification de la balise
Le code de la balise à utiliser : "left" pour gauche, "center" pour centre et "right" pour droite"
Le bouton raccourci de la balise Image IPB pour gauche, Image IPB pour centre, Image IPB pour droite.

Utilisation de la balise
1° insertion de la balise au moyen du clavier
il vous suffit d'écrire votre texte entre les deux balises correspondantes de cette façon :

Image IPB
ou
Image IPB
ou
Image IPB


1° insertion de la balise au moyen du bouton raccourci
Il vous suffit de sélectionner votre texte et de cliquer sur le bouton raccourci correspondant à l'alignement désiré et les deux balises seront insérées dans votre message.
[center]Exemple pour du texte centré[/center]

Astuce :
- Cette balise peut être utilisée en complément des autres balises (police d'écriture, couleur, ...). Voir le tuto "multi balises".


..: Comment mettre en forme du texte (multi-balises). :..


Vous avez la possibilité d'utiliser plusieurs balises en même temps sur un même texte pour multiplier la mise en forme. Exemple : gras, souligné, centré, couleur rouge et taille 5.

Dans l'exemple ci-dessous, nous demandons à ce que le texte soit en gras, souligné et en écriture italique :

Image IPB


Pour cela, il suffit :-> sélectionner le texte et appliquer la balise "gras"
-> re-sélectionner le texte et appliquer la balise "souligné"
-> re-sélectionner le texte et appliquer la balise "italique"

Ou, pour les plus avertis, d'ouvrir toutes les balises correspondantes avant le texte, et les refermer une à une après le texte.


MESSAGES TERMINES

A VOUS DE JOUER !



Illuminez ce forum avec vos messages.....


Image IPB

Retrouvez nous sur : http://www.vivresurlaroute.info






Similar Topics Collapse

0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)