Partagez | 
 

 Comment approprier un code à vos logos ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar

Miettes

Doyenne

Bons Points (BP) : 154
MessageSujet: 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é.
 

Comment approprier un code à vos logos ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
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 ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage-
Sauter vers:  
Espace Admin du site

©2008-2016 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants