Coder une image (Photofiltre et Panneau d'admin forumactif)

Avatar Land n'est pas un site dédié à l'apprentissage du graphisme, toutefois vous trouverez dans ce forum quelques tutoriels créés par nos membres pour être tout simplement partagés.

Avatar du membre
Yawen
Et bien, ce fut sympathique. Surréaliste, mais sympathique. (Coup de foudre à Notting Hill)
Messages : 14567
Enregistré le : 23 juin 2008 02:00

Coder une image (Photofiltre et Panneau d'admin forumactif)

Message par Yawen »

Ouvrez une image avec Photofiltre
Allez dans Panneau d'administration ->Affichage -> Page d'accueil -> Généralités -> Message sur la page d'accueil

Image

Dans le cadre Contenu du message copiez-collez ce code :

Code : Tout sélectionner

<IMG NAME="accueil0" SRC="url de votre image" WIDTH="largeur de votre image" HEIGHT="hauteur de votre image" BORDER="0" USEMAP="#accueil">
Remplacez Url de votre image par l'adresse de votre image.
Remplacez Width et Height par la largeur et la hauteur de votre image.

Exemple :

Code : Tout sélectionner

<IMG NAME="accueil0" SRC="http://nsa11.casimages.com/img/2009/10/10/091010081046976030.png" WIDTH="680" HEIGHT="310" BORDER="0" USEMAP="#accueil">
Allez dans Photofiltre, ouvrez votre image
Avec l'outil rectangle, sélectionnez l'endroit où vous voulez mettre un lien.
Image

Copiez-Coller ceci dans la panneau à la suite du premier code :

Code : Tout sélectionner

<MAP NAME="accueil">
<AREA SHAPE="rect" COORDS="x1,y1,X2,Y2" HREF="url du lien" ALT="texte décrivant le lien">
Remplacez X1 Y1 X2 Y2 par les chiffre en bas de Photofiltre :
Image

Remplacez url du lien par le lien de la page.
Remplacez texte décrivant le lien par l'intitulé de la zone sélectionnée.

Exemple :

Code : Tout sélectionner

<MAP NAME="accueil">
<AREA SHAPE="rect" COORDS="485,10,621,26" HREF="http://moonlight.bb-fr.com/les-reglements-f1" ALT="Règlements">
Faites la même chose pour chaque lien en utilisant ce code :

Code : Tout sélectionner

<AREA SHAPE="rect" COORDS="x1,y1,X2,Y2" HREF="url du lien" ALT="texte décrivant le lien">
Toute à la fin, ajoutez ce code :

Code : Tout sélectionner

</MAP>
Les dingues sont partout :
ImageImage

Retourner vers « Tutoriels »