Bonjour à tous !

Etant donné qu'on nous pose assez souvent la question sur d'autres forums, voici comment faire pour que votre image renvoie vers votre forum. Pas de panique, c'est très simple. Nous allons également vous donner des explications sur les termes employés, afin de ne pas que vous l'utilisiez sans comprendre. Allons y !

---

¤ Le bbcode.

2 balises sont à utiliser ici : les balises [URL] et [IMG]. La première redirigera vers votre page Internet et la seconde fera apparaitre l'image.
Voici comment structurer votre code :

Code:

[url=adresse_de_votre_forum][img]lien_de_votre_image[/img][/url]

Prenons comme exemple School Of Pub.
> Adresse du forum : http://www.school-of-pub.net
> Lien de l'image : http://i226.photobucket.com/albums/dd220/MissMiet/Sop_anniv/logo_sop.gif

Ce qui donne :

Code:

[url=http://school-of-pub.top-forum.net][img]http://i226.photobucket.com/albums/dd220/MissMiet/Sop_anniv/logo_sop.gif[/img][/url]

~~~~~~~~~~~~~~~~~~~~~~~~

¤ Le code html.

Ici ça va se compliquer un peu. Nous allons devoir utiliser 2 balises, mais le code est un peu plus long.

Tout d'abord, nous utiliserons la balise

Code:

<a href="..."></a>

qui nous permettra de mettre l'adresse du forum. Nous ajouterons à celle-ci les options [target="_blank"]. Ainsi, le lien s'ouvrira dans un nouvel onglet.

La seconde balise est la balise image qui se présente comme ceci :

Code:

<img src="..." />

Celle-ci affichera votre image. Nous allons lui ajouter les options [border] afin d'éviter qu'un cadre ne soit mis autour (automatique si une image est liée à un lien), [alt] afin qu'un texte apparaissent si un problème survenait avec votre image et [title] afin de faire apparaitre un texte lorsque la souris passe sur votre image (cette option n'est pas obligatoire). Le code concernant l'image se présentera donc comme ça :

Code:

<img src="lien_du_logo" border="0" alt="Titre de votre forum" title="Titre de votre forum" />

A présent, relions nos 2 codes :

Code:

<a href="adresse_du_forum" target="_blank"><img src="lien_du_logo" border="0" alt="Titre de votre forum" title="Titre de votre forum" /></a>

Et dans notre exemple, cela ressemblera à ça :

Code:

<a href="http://school-of-pub.top-forum.net" target="_blank"><img src="http://i226.photobucket.com/albums/dd220/MissMiet/Sop_anniv/logo_sop.gif" border="0" alt="School Of Pub, Forum d'entraide" title="School Of Pub, Forum d'entraide" /></a>

Et voilà, vous savez lier un logo à une adresse Internet ^^


[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici]

_________________

SoP Story :: 2ème votes éliminatoires