Header
Partagez | 

Comment approprier un code à vos logos ?

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur

Message Sujet: Comment approprier un code à vos logos ?   Jeu 19 Fév - 13:29

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-progress.fr
> Lien de l'image : http://site.school-of-progress.fr/images/logo.png

Ce qui donne :

Code:
[url=http://www.school-of-progress.fr][img]hhttp://site.school-of-progress.fr/images/logo.png[/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://www.school-of-progress.fr" target="_blank"><img src="http://site.school-of-progress.fr/images/logo.png" border="0" alt="School Of Pub, Forum d'entraide" title="School Of Pub, Forum d'entraide" /></a>
School Of Pub, Forum d'entraide

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





Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].




Je soussignée, Miettes, accepte qu'un directeur reposte le tutoriel "Comment approprier un code à vos logos ?" tel que je l'ai rédigé.
Revenir en haut Aller en bas
Comment approprier un code à vos logos ?
Page 1 sur 1
 Sujets similaires
-
» [Résolu] Comment créer un site Internet gratuit
» [résolu][Cabasse Tronic Auditorium] Problème de validation du code
» Zorg infobulle
» Nouveau GPS et question déverrouillage cartes
» Comment placer un code CSS dans le style de son Forumactif ?
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+