Page HTML

[Igorette.]

Bonsoir

Cela fait plusieurs jours, en vain, que je cherche à crée une page html pour mon forum. Mais je ne sais pas du tout comment m'y prendre. Est ce que quelqu'un voudrait bien m'orienter ? S'il vous plaît ^^.

Voici des exemples ; http://www.goldheartofficiel.com/ & http://war-of-clans.forumactif.fr/

J'ai des conseils en CSS&templates, et un peu en Html. Et je me débrouille plutôt bien avec le codage.

Bonne soirée et merci d'avance

[Lixyr]

Bonsoir.

Le premier lien représente une image cliquable. Et le second aussi. ^^

En tout les cas, dans une page html, on utilise du html.

[Igorette.]

Pourriez vous m'expliquer comment faire ce genre de page s'il vous plaît ?

[Lixyr]

Pour ceci, le plus simple c'est d'avoir un logiciel comme gimp. Vous l'avez ? Sinon, téléchargez-le, il est gratuit.

[Igorette.]

0ui j'ai gimp, j'ai aussi photoshop (;

[Lixyr]

Et bien, avec Gimp, comme je connais, ça va être simple.

Je vous fais le tuto dans quelques minutes, je vais manger avant ! x)

[Igorette.]

Bon appétit x) Et merci

[Lixyr]

Alors, pour le tuto :

1) lancez votre image en l'éditant avec gimp

=> allez dans l'option Filtres, en haut
=> Filtres
=> Web
=> Image cliquable web...

vous voilà dans la page Image map

Sur la gauche, vous avez trois icônes bleues :

* définir une zone rectangulaire
* définir une zone circulaire/ovale
* définir une zone polygonale

Vous choisissez l'option qui correspond au mieux à ce que vous voulez entourer pour définir la zone cliquable

=> vous cliquez donc sur l'icône qui correspond à votre choix
=> direction votre image, vous cliquez sur le haut de la zone que vous désirez cliquable, et tout en restant appuyé sur le bouton gauche de la souris / vous glissez jusqu'avoir entouré la zone désirée.
=> vous lâchez la souris une fois ceci fait et vous cliquez.

Vous voilà entrée dans une nouvelle fenêtre : paramètre de la zone n°1

=> Vous gardez l'option Site Web cochée.
=> dans la zone de texte : URL à activer lorsque cette zone est cliquée, vous indiquez ici l'url où l'image mènera quand on cliquera dessus.
=> Nom/ID du cadre de destination : vous mettez ici le nom du lien correspondant. Par exemple, si c'est pour aller dans la page "règlement", indiquez alors le nom "règlement". Mais c'est optionnel.

=> cliquez sur appliquer puis sur Valider.


Faites ainsi pour tous vos champs cliquables.

Une fois finis, vous verrez tous vos champs dans la zone de droite avec leur lien respectif. Si vous voulez en supprimer un parce que vous vous êtes trompée : cliquez sur la ligne de la zone correspondant, et ensuite sur l'icone de la poubelle.


2) Une fois tout ceci fini :

Cliquez sur
=> Fichier
=> Enregistrer sous
=> Ne modifiez en rien le titre du nom de votre image mapée.
=> enregistrez ceci où vous voulez


3) Pour récupérer le code :

=> allez à l'endroit où vous avez enregistré votre image mapée.
=> ouvrez votre image mapée via le bloc note.
=> récupérez le code en le copiant : ctrl+a ctrl+c
=> allez dans votre page html
panneau d'administration >> modules >> gestion des pages html
créer votre page en prenant les options haut et bas de page du forum comme vous voulez, et copiez le code dedans : ctrl+v

enregistrez :


et voilà votre page html avec votre image cliquable.

[Igorette.]

Merci J'essaie et vous tiens au courant si je ne comprends pas

[Lixyr]

D'accord. ^^

[Igorette.]

Super çà marche merci ! Problème résolu.

[Lixyr]

Hey hey ! Super Bonne continuation à vous.