AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 carte-image ou mettre des liens sur une image

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

Féminin
Nombre de messages : 642
Age : 28
Date d'inscription : 01/04/2006

MessageSujet: carte-image ou mettre des liens sur une image   Jeu 28 Mai 2009, 06:43

Nous allons apprendre à réaliser ceci: >>clic ici<<

Il s'agit simplement d'une image à laquelle des liens on été ajoutés à certaines positions.

1) On crée avec Photoshop l'image sur laquelle on veux ajouter des liens, voilà pour moi:

Puis on la passe dans imageready, on peut tout aplatir, on aura pas besoin des calques

2) Dans imageready, on va ouvrir la fenêtre carte-image (fenêtre => carte-image)
Puis on prend l'outil carte-image rectangulaire
Spoiler:
 
On dessine avec un rectangle entourant le premier lien que l'on veux faire, puis dans la fenêtre carte-image, dans la partie url, on écrit l'adresse ou on veux aller en cliquant sur ce rectangle.
On peut mettre _blank en cible si on veux que la fenêtre s'ouvre dans un nouvel onglet, rien si on veux qu'elle s'ouvre à la place de la fenêtre actuelle


On fait de même pour tous les liens rectangulaires.
On note qu'on peut revenir modifier une carte-image déjà créé avec l'outil sélection de carte-image


3) Et ceux qui sont pas rectangulaires?
et ben c'est simple, on clic longtemps sur l'outil carte-image rectangulaire, pour voir apparaitre les outils carte-image circulaire et polygonale, et on dessine les formes des cartes-images qu'on veux:


4) Pour vérifier que tout marche bien, on va faire un aperçu dans le navigateur (fichier => apercu dans, et seelctionnez votre navigateur)
on a une page comme celle-ci:
Spoiler:
 
On peux cliquer sur chaque lien pour vérifier qu'il marche comme on veux.

5) Une fois que tout est bon, on va pouvoir mettre ça dans une page html, un message d'accueil de forum par exemple, ou le portail, ou un sous forum

Il suffit de copier le code html qu'on a trouvé dans le navigateur, et le coller dans sa page web, en changeant un seul lien, celui-là:

bien sur ce sera pas pile poil le même selon les créa, mais vous le reconnaitrez parce que c'est le seul qui sera entre les guillemets dans la balise
Code:
<img src="blabla.gif"
vous le remplacez donc par le code de votre image hebergée (avec imageready on ne peux enregistré qu'en gif, mais si vous voulez du png retournez sur Photoshop pour enregistrer l'image), pour moi donc par ce lien http://i64.servimg.com/u/f64/09/04/68/88/carte_10.png

On remplace et on met dans une page web, et voilà ^^
















_________________
Revenir en haut Aller en bas
http://collegepoudlard.virtuaboard.com
 
carte-image ou mettre des liens sur une image
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Carte Europe sur 760
» Créer une infobulle
» choix d'un gps ,logiciel et cartographie pour navigation sur les pistes du Maroc.
» GPS Garmin intégré Mercedes
» roll-over, zone réactive, image et son

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le fofo de Lunard :: étagère 3: Tutos et astuces :: ● Tutoriels :: Photoshop :: Imageready-
Sauter vers: