AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Liens dans une image

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Tity
♡ ☮ life's a b*tch, then you die ☮ ♡
avatar

Féminin Messages : 1567
Date d'inscription : 23/06/2010
Age : 22
Logiciels : GIMP
Humeur : TIRED.
Pixel Ou Shop? : HAKUNAMATATA. Ce mot signifie que tu vivra ta vie sans aucun soucis. (L)

MessageSujet: Liens dans une image   Dim 23 Jan - 10:03

LIENS DANS UNE IMAGE
Par Tity ©️

Bonjour mes petits Pixelois!
Je vais vous montrer comment mettre plusieurs liens à différents endroits dans une seule image.
Un peu comme dans la présentation de PixelShop.

Vous devez avoir votre image.
Pour ma part, ma magnifique image sera celle-ci:
Spoiler:
 

Vous avez besoin d'un code!
Code:
<IMG NAME="blablablabla" SRC="url de votre image" WIDTH="largeur de votre image" HEIGHT="hauteur de votre image" BORDER="0" USEMAP="#BLABLABLAH">
Vous allez voir, c'est très simple.
Remplacez «url de votre image» par.. l'url de votre image! x)
Remplacez «largeur de votre image» par la largeur de votre image..
& vous avez compris le principe!

Voilà que la deuxième partie entre en jeu.
Code:
<MAP NAME="BLABLABLAH">
<AREA SHAPE="rect" COORDS="X1,Y1,X2,Y2" HREF="Url Du Lien" ALT="Courte Description Du Lien">
1. Avec photofiltre:
Je n'ai pas Fotofiltre et je ne peux malheureusement pas faire de captures d'écran, mais j'ai fouiné un peu sur internet et j'ai trouvé comment faire. :
Selectionnez la partie que vous voulez rendre cliquable.
Quatre nombres devraient s'afficher dans le bas de votre page, écrit comme cela "XXX,XXX ==> XXX,XXX".
Notez ces chiffres.

2. Avec Gimp:
Glissez votre souris sur le coin en haut à gauche de la zone que vous voulez rendre cliquable. Exemple:
Spoiler:
 
Repassez votre souris sur le coin en bas à droite, et notez tout les chiffres obtenus.

Remplacez «X1,Y2,X1,Y2» par les chiffres trouvés,
Puis remplacez «Url Du Lien» par le lien que vous voulez lier à cette place de l'image.

Dernière étape!
Insérez ce code à la toute fin:
Code:
</MAP>

Aperçu du résultat final :
Spoiler:
 
Merci à Tity de nous avoir soumis ce tutoriel. I love you
Si vous avez des questions, n'hésitez pas!

* problèmes avec le centrer >o<
à l'aaaaaaideuh O_O
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
GoGo
♪Music Powa♪
avatar

Féminin Messages : 700
Date d'inscription : 04/12/2010
Age : 22
Logiciels : Photofiltre, Gimp et Photoshop E 7
Humeur : SBAF
Pixel Ou Shop? : Pixels :P

MessageSujet: Re: Liens dans une image   Dim 23 Jan - 14:55

Ah, ok! Dans le fond, pour faire une page d'accueil, il faut faire une image et la rendre cliquable! *inculte* Moi qui pensait que c'était une série de codes... >.<'''


MERCI, Tity!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://a-la-place-mythique.forumactif.com/
 

Liens dans une image

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

+
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PixelShop ::  :: • Ehhh ... CSS & HTML?!-
Sauter vers: