Pour ma conception
lana
-
JooS Messages postés 2468 Date d'inscription Statut Membre Dernière intervention -
JooS Messages postés 2468 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je voudrais mettre sur ma page d'accueil HTML une grande image. je vais vous expliquer, je fais la conception d'un site de sport, je veux mettre dans ma 1ére page une image des cinq anneaux et comme si je voudrais donner le choix a l'utilisateur pour qu'il clique dessus, afin d'accéder à une 2éme page,cela veux dire que quand ma souris se pose sur l'image mon curseur devient une main, et un petit message s'affiche en bas "clic here", please, help me
comment je pourrais faire tout ça? S.V.P avec des explications détaillées.
merci
cordialement
je voudrais mettre sur ma page d'accueil HTML une grande image. je vais vous expliquer, je fais la conception d'un site de sport, je veux mettre dans ma 1ére page une image des cinq anneaux et comme si je voudrais donner le choix a l'utilisateur pour qu'il clique dessus, afin d'accéder à une 2éme page,cela veux dire que quand ma souris se pose sur l'image mon curseur devient une main, et un petit message s'affiche en bas "clic here", please, help me
comment je pourrais faire tout ça? S.V.P avec des explications détaillées.
merci
cordialement
A voir également:
- Pour ma conception
- Logiciel conception maison - Guide
- Logiciel de conception gratuit - Guide
- Idée de conception powerpoint n'apparait pas - Forum Powerpoint
- Sweet Home 3D - Télécharger - Architecture & Déco
- Conception de cuisine en ligne ✓ - Forum Réseaux sociaux
4 réponses
Je pense que tu peux utiliser une <MAP> pour faire ça.
Remarque : des éditeurs d'image comme Gimp permettent de les générer graphiquement.
Remarque : des éditeurs d'image comme Gimp permettent de les générer graphiquement.
Un bouton c'est plusieurs images qui sont remplacées lorsque que l'on passe la souris en survol au dessus.
Mettons que vous ayez une image de l'anneau et une image de l'anneau avec marqué "clic here", il faut remplacer la première image par la seconde lorsque la souris passe au dessu.
La vieille méthode(jusqu'à 2002) est d'utiliser du javascript pour remplacer l'image. La méthode actuelle est plus simple puisqu'elle ne fait appel à aucune programmation c'est le CSS avec la pseudo class hover sur un lien.
euh pour des explications détaillés je vous conseille d'apprendre le css, par exemple sur alasacréations ou le site du zéro. Si vous n'avez vraiment aucune idée de comment faire c'est que vous avez des lacunes en HTML, tous les visuels doivent être décomposés en plusieurs images et mises en pages à l'aide des différentes balises(éventuellement avec le css pour le positionnement plus précis), donc continuez selon votre méthode d'apprentissage du HTML pour dépasser le niveau débutant et connaître au moins une dizaine des balises les plus utilisées.
ps: il y a aussi la méthode image map, mais celle ci n'est ni pratique ni commode à appliquer surtout si vous avez besoin de calculer les positions de 5 anneaux et que vous ne possédez pas un logiciel de graphisme indiquant les coordonnées de chaque point de l'image(en gros assez galère quand on débute et pas essentiel). L'image map permet néanmoins d'avoir des zones cliquable plus arrondies où les autres boutons ne peuvent être que rectangulaires donc à vous de voir.
Mettons que vous ayez une image de l'anneau et une image de l'anneau avec marqué "clic here", il faut remplacer la première image par la seconde lorsque la souris passe au dessu.
La vieille méthode(jusqu'à 2002) est d'utiliser du javascript pour remplacer l'image. La méthode actuelle est plus simple puisqu'elle ne fait appel à aucune programmation c'est le CSS avec la pseudo class hover sur un lien.
euh pour des explications détaillés je vous conseille d'apprendre le css, par exemple sur alasacréations ou le site du zéro. Si vous n'avez vraiment aucune idée de comment faire c'est que vous avez des lacunes en HTML, tous les visuels doivent être décomposés en plusieurs images et mises en pages à l'aide des différentes balises(éventuellement avec le css pour le positionnement plus précis), donc continuez selon votre méthode d'apprentissage du HTML pour dépasser le niveau débutant et connaître au moins une dizaine des balises les plus utilisées.
ps: il y a aussi la méthode image map, mais celle ci n'est ni pratique ni commode à appliquer surtout si vous avez besoin de calculer les positions de 5 anneaux et que vous ne possédez pas un logiciel de graphisme indiquant les coordonnées de chaque point de l'image(en gros assez galère quand on débute et pas essentiel). L'image map permet néanmoins d'avoir des zones cliquable plus arrondies où les autres boutons ne peuvent être que rectangulaires donc à vous de voir.
merci beaucoup, je m y connais en css, je ne suis pas a ce point débutante, mais je voudrais pour parler des étapes du css, je bloque dessus, aider-moi S.V.P
j'insère un tableau, déjà je dois écrire un truc pour que je met sur lien en bas le #, la c'est pas un problème, je pourrais mettre un . point dans un écran noir, normal. J'attache au tableau une feuille de style, sur le hover je met mon image comme arrière plan. Alors la comment mon image me prend toute la page? Je ne peux pas modifier mon css? alors comment je fais?
j'insère un tableau, déjà je dois écrire un truc pour que je met sur lien en bas le #, la c'est pas un problème, je pourrais mettre un . point dans un écran noir, normal. J'attache au tableau une feuille de style, sur le hover je met mon image comme arrière plan. Alors la comment mon image me prend toute la page? Je ne peux pas modifier mon css? alors comment je fais?
Salut ...
Euuux pour quoi une image map ?!!!
Si j'ai bien saisi, elle cherche seulement a faire une image cliquable avec une info bulle ... !!! non ?!!
Si c'est le cas lana ...
Euuux pour quoi une image map ?!!!
Si j'ai bien saisi, elle cherche seulement a faire une image cliquable avec une info bulle ... !!! non ?!!
Si c'est le cas lana ...
<a href="#" title="Cliquez ici ..." style="cursor:pointer;">
<img src="lien_vers/image.jpg" alt="" />
</a>
Malheureusement le comité olympique est très agressif quant à la protection de ce symbole, il en interdit formellement l'utilisation et n'en autorise l'exploitation qu'aux partenaires officiels ou sur demande écrite. Cela vaut ce que ça vaut mais tu devrais y penser avant de passer des heures à coder ta page d'accueil...
On est en France il n'y a pas de copyright. si lana veut se servir du symbole Olympique c'est pour qu'il soit compréhensible et qu'il donne le ton à ton site. Je ne pense pas qu'elle veuille 5 carrés verts à pois rouges en guise d'accueil. Son intention c'est de communiquer un message compréhensible. Donc, soit elle s'en sert comme ça, comme beaucoup, soit elle demande l'autorisation. Tout dépend l'ambition de son site. Si elle n'a que 10 péquins par jour peu importe, si elle veut construire une certaine notoriété elle doit faire les choses proprement pour éviter d'être obliger de tout changer ensuite...