[Tutorial] Mettre un lien en valeur

Posté le: 09/01/2008 23:22 - [Tutorial] Mettre un lien en valeur

Vous préférez çà :

http://www.smartupfrance.com/forums-posting-newtopic-f-23.html

ou çà ? :

Tuto pour mettre un lien en valeur

Alors voici la méthode en quelques étapes seulement :

1° Vous devez avoir l'URL de la page ou du site à mettre en valeur. Vous pouvez par exemple la copier dans la barre d'adresse de votre navigateur.

2° Vous créez un nouveau message et vous appuyez sur le bouton "URL" pour obtenir çà :

[url]

3° Vous devez placer le pointeur de la souris juste après le "l" et avant le crochet final de [url]

4° Quand le pointeur est à sa place comme dit au 3°, tapez la touche "=" sur votre clavier

5° l'URL de la page à mettre en valeur étant en mémoire suite au 1°, il vous suffit de faire édition/coller. Vous pouvez bien entendu taper l'URL à la main.

6° Vous allez maintenant décaler le pointeur de la souris d'un cran à droite, de telle sorte qu'il se trouve à droite du crochet droit de [url]

7° Vous tapez alors le nom du titre que vous souhaitez voir apparaître une fois le message posté. Dans notre exemple : Tuto pour mettre un lien en valeur

8° Terminez par cliquer une nouvelle fois sur le bouton "URL" en haut de la fenêtre saisie de message.

9° Il ne vous reste plus qu'à poster votre message

NB : Bien entendu, vous pouvez compléter votre message comme bon vous semble avant et après la formule comme vous le feriez pour n'importe quel message.[/url]

Posté le: 10/01/2008 20:00 - [Tutorial] Mettre un lien en valeur

Bonsoir,

en reprenant l'exemple proposé, peut-être n'est-il pas inutile, pour compléter ce tuto, de montrer ce que ça donne comme syntaxe dans la fenêtre de composition de message Wink

:

pour que ce texte dans le message une fois publié:

Tuto pour mettre un lien en valeur

soit un lien clicable, l'application de la méthode décrite ci-dessus par Smartpassionfrance donnait cela dans la fenêtre de composition du message:

Code:

[url=http://www.smartupfrance.com/forums-posting-newtopic-f-23.htm]Tuto pour mettre un lien en valeur[/url]

On peut aussi souligner le lien pour renforcer sa visibilité (et sa ressemblance avec ce qu'on trouve sur certains sites web), en entourant la version précédente avec les balises de soulignement:

pour obtenir ce texte clicable:

Tuto pour mettre un lien en valeur

la fenêtre de composition du message contenait:

Code:

[u][url=http://www.smartupfrance.com/forums-posting-newtopic-f-23.htm]Tuto pour mettre un lien en valeur[/url][/u]

À noter qu'on peut utiliser un principe similaire pour qu'un clic sur une petite image (une "vignette") dans un message provoque l'affichage de l'image en grande taille dans une autre fenêtre.
Ça peut être utile dans un message (genre un tuto) où il y a plusieurs images qu'on veut conserver de grande taille pour une question de lisibilité mais sans augmenter exagérément le temps d'affichage de la page; mais ça sera pour un autre tuto si nécessaire Mr. Green

.

Posté le: 10/01/2008 22:46 - [Tutorial] Mettre un lien en valeur

aller Oooops vas y maintenant .. en te lisant il y en a qui attendent comme moi la suite et sont impatients d'essayer !

Merci à vous pour ces infos .. je venais de contater en MP un SuFeur qui s'y amuse bien Wink

M E R C I

Posté le: 11/01/2008 04:00 - [Tutorial] Mettre un lien en valeur

Bonsoir,

OK, je mets l'explication ici, mais s'il est préférable d'en faire un tuto séparé pas de problème pour déplacer ce message Wink

.

Pour commencer il faut avoir l'image en grande taille (par exemple ici 1005x1444 pixels), et aussi sa vignette, en beaucoup plus petit (par exemple ici elle est réduite à 20% de la taille de l'image de départ, soit 201x289 pixels).
La grande image est peu comprimée pour lui conserver sa "qualité", donc elle est lourde, par exemple ici 264Ko; par contre la vignette peut être beaucoup plus comprimée car ce n'est pas elle qui a besoin d'être bien lisible, donc elle peut être très légère (ce qui fait tout l'intérêt de cette technique surtout si on en met plusieurs dans une page), par exemple ici 13Ko.
Je ne détaille pas les manips car ça dépend du logiciel employé, à chacun de voir avec celui qu'il utilise habituellement.

Il faut bien-sûr aussi que ces 2 images soient hébergées sur le net et que leurs URL (adresses) respectives soient connues, là non plus je ne détaille pas car ça dépend de l'hébergeur qu'on choisit (exemples imageshack.com, meszimages.com, etc), et il y a eu un tuto là-dessus aussi.
Dans mon exemple (un scan de la notice de montage d'un inter pour commander la vitre passager depuis le côté conducteur), l'image en grande taille a l'URL http://gallery.solexine.fr/albums/Divers/grande_image.jpg et sa miniature http://gallery.solexine.fr/albums/Divers/vignette.jpg

Ensuite, le principe va ressembler à celui indiqué plus haut pour faire un texte clicable, sauf que ici c'est la vignette affichée, et pas un texte, qui doit "appeler" la grande image.

Dans la fenêtre de rédaction du message, avec les noms et URL indiqués au début de ce post, on obtient ceci:

Code:

[url=http://gallery.solexine.fr/albums/Divers/grande_image.jpg][img]http://gallery.solexine.fr/albums/Divers/vignette.jpg[/img][/url]

On aura parfois intérêt à rappeler par un petit texte qu'on peut cliquer sur la vignette; l'ensemble se présente donc ici comme ci-dessous:

(cliquer sur l'image pour la voir en grand)

Si on a plusieurs images, on met le petit message une fois pour toutes, et ça permet, si on veut, de mettre plusieurs vignettes clicables sur la même ligne en séparant leurs codes respectifs par une espace (juste pour une question de lisibilité), par exemple:

(cliquer sur les vignettes pour voir les grandes images)