Page HTML

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

Résolu Page HTML

Message par Igorette. le Mer 29 Juin 2011 - 23:03

Bonsoir I love you

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 ? Smile 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 Very Happy


Dernière édition par Igorette. le Sam 2 Juil 2011 - 19:19, édité 1 fois

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Mer 29 Juin 2011 - 23:09

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Igorette. le Jeu 30 Juin 2011 - 10:51

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

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Jeu 30 Juin 2011 - 11:07

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Igorette. le Jeu 30 Juin 2011 - 11:30

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

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Jeu 30 Juin 2011 - 12:06

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

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Igorette. le Jeu 30 Juin 2011 - 12:16

Bon appétit x) Et merci Smile

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Jeu 30 Juin 2011 - 13:30

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 : :enreg:


et voilà votre page html avec votre image cliquable.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Igorette. le Ven 1 Juil 2011 - 18:54

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

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Ven 1 Juil 2011 - 19:43

D'accord. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Igorette. le Sam 2 Juil 2011 - 19:19

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

Igorette.
**

Messages : 65
Inscrit(e) le : 29/06/2011

http://elendil.forumgratuit.org/
Igorette. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Lixyr le Sam 2 Juil 2011 - 19:49

Hey hey ! Super thumleft Bonne continuation à vous.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum