Image réactive

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

Résolu Image réactive

Message par b2uty le Dim 5 Sep 2010 - 17:55

Bonjour, j'aimerais que le logo/image d'accueil de mon forum soit réactive
j'aimerais ajouter un menue de dans comme ceci:


Merci d'avance pour vos réponses.

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Dim 5 Sep 2010 - 18:14

Bonjour

Il existe un tutoriel mais il ne fonctionnera pas pour le logo.
Aucun problème pour une image réactive dans votre message d'accueil.
GE


---- image réactive -----

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Calimerotte le Dim 5 Sep 2010 - 18:16

Bonsoir Smile

Quel est le lien du forum de votre capture s'il vous plait ?

Calimerotte
+ Hyperactif +

Féminin
Messages : 11665
Inscrit(e) le : 12/08/2004

Calimerotte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par malice23 le Dim 5 Sep 2010 - 18:18

Le lien du forum de la capture est http://akiwa.forumactif.com/forum.htm
il est beaucoup utilisé comme modèle ^^

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Calimerotte le Dim 5 Sep 2010 - 18:22

ge80 vous a donné (plus haut) un lien menant au tuto des images réactives, l'avez-vous lu ?

Calimerotte
+ Hyperactif +

Féminin
Messages : 11665
Inscrit(e) le : 12/08/2004

Calimerotte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Dim 5 Sep 2010 - 18:24

Sur le lien en référence : cela n'est pas une image réactive mais un fond d'écran et un simple logo "clicable" comme sur n'importe quel forum.

Facile à vérifier : Avec firefox
clic droit avec la souris sur l'image : puis menu
Afficher l'image de fond et vous verrez qu'il n'y a pas de zone "clicable".


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Calimerotte le Dim 5 Sep 2010 - 18:29

@ge80 a écrit:Sur le lien en référence : cela n'est pas une image réactive mais un fond d'écran et un simple logo "clicable" comme sur n'importe quel forum.

Facile à vérifier : Avec firefox
clic droit avec la souris sur l'image : puis menu
Afficher l'image de fond et vous verrez qu'il n'y a pas de zone "clicable".


Faux ! C'est bien une image réactive....( http://i33.tinypic.com/23uyrb.png ) On distingue bien les liens....même s'il ne sont pas cliquables, c'est l'image utilisé pour le résultat que l'on peut voir sur le forum....Donc, je corrige, c'est bel & bien une image réactive.

Calimerotte
+ Hyperactif +

Féminin
Messages : 11665
Inscrit(e) le : 12/08/2004

Calimerotte a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Dim 5 Sep 2010 - 18:32

Mais bien sur, que je suis idiot.

L'affichage seul de l'image de fond ne peut réagir.

Désolé pour cette fausse piste.

Merci pour la rectification.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Dim 5 Sep 2010 - 18:44

oui j'ai bien visité et lu le tuto que "ge80" a poster
je l'ai utiliser pour l espace "généralités"de mon forum et sa fonctionne trés bien, mais j'ai relancer se sujet pour le logo du forum cette foici.
J'aimerais vraiment pouvoir metre un petit menu comme le forum akiwa,
j'ai meme vu des forums ou la barre index etaient en haut de l'image/logo du forum donc je panse que ses réalisable faut juste pouvoir trouver quel templates il faut modifier et le code...

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Dim 5 Sep 2010 - 18:52

Le code devrait ressembler à celui- ci

Code:

<div style="position: relative; top: -200px; left: -300px;">
<img name="accueil0" src="lien image" usemap="#accueil1" border="0" width="80" height="80">
<map name="accueil1">
<area href="lien 1" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 2" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 3" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 4" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 5" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 6" shape="rect" alt="" coords="a,b,c,d">
<area href="lien 7" shape="rect" alt="" coords="a,b,c,d">
</map>
</div>

Les liens de votre menu sur l'image. Lien 1 à n
Les différentes valeurs a,b,c,d : les coordonnées différentes de vos lignes de menus

Le code placé dans le message d'accueil devrait fonctionner.
Une image réactive (transparente) placée au niveau du menu du logo devrait faire l'affaire.

Je ne pense pas qu'il faille modifier les templates.
Mais pourquoi pas mais je fatigue Wink.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Dim 5 Sep 2010 - 18:59

ah merci pour se code, mais je le place ou? dans généralités?

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Dim 5 Sep 2010 - 19:04

Le code est à travailler et à placer dans le message d'accueil...
Il ne fonctionnera jamais comme cela.

Les valeurs de a,b,c,d
sont à lire
a1,b1,c1,d1 (à remplacer par des chiffres)
a2,b2,c2,d2
.......

C'est une idée à tester ou si quelqu'un en a une autre....

A demain pour la suite ou lire les propositions.

Bonne soirée
Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Dim 5 Sep 2010 - 19:35

Daccord ademain et merci pour ton aide Smile

Sinon ici je viens de tester ton code en completant est non sa ne fonctionne pas =$

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Lun 6 Sep 2010 - 7:09

@b2uty a écrit:DSinon ici je viens de tester ton code en completant est non sa ne fonctionne pas =$
Je n'en suis nullement surpris.

Pouvez-vous donner le code que vous avez essayé, je partirai avec pour les tests ?


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Lun 6 Sep 2010 - 17:51

Code:
<div style="position: relative; top: -300px; left: -200px;">
<img name="accueil0" src="http://i54.tinypic.com/25ahoww.jpg" usemap="#accueil1" border="0" width="850" height="360">
<map name="accueil1">
<area href="http://kpop123.forumactif.com/votre-1er-forum-f1/es-t2.htm" shape="rect" alt="" coords="20,25,40,25">
<area href="http://kpop123.forumactif.com/votre-1er-forum-f1/votre-1er-sujet-t1.htm" shape="rect" alt="" coords="30,25,30,25">
</map></div>

je sais pas si les liens son bien centré vu que sa marche pas chez moi.

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Mar 7 Sep 2010 - 7:33

Je vous ai envoyé un MP avec une solution testée.

A voir chez vous et à adapter.
En déplaçant la souris, vous devriez voir vos liens dans la barre de message.

Si cela fonctionne je ferai les explications à la suite.


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Mar 7 Sep 2010 - 17:28

Merci beaucoup ça fonctionne *o*
je doit juste mintenant le centré et bien placer les liens

je vais faire tout ça et une foi réussi je métre se sujet en résolu Smile
(poste editer)

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Mar 7 Sep 2010 - 19:21

désolé du double poste

alor aprés avoir centré voici le probleme
mintenant dans généralité il a un gros espace sans rien
et pour le retirais je dois suprimer le code de l image reactive T.T
Voici mon forum ou je fai tout mes test :
http://kpop123.forumactif.com/forum.htm

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Mer 8 Sep 2010 - 7:49

Bonjour

Il faut supprimer tous les sauts de lignes dans votre code et remplacer le < DIV par un < A

Cordialement

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Mer 8 Sep 2010 - 15:02

Je l'ai fait j'ai meme retirais tout les codes de généralité
est j'ai laisser que celui de l image réactive et sa me donne toujour la meme choses.

mon code :
Code:
<A style="position: relative; top: -400px; left: 0px;"><IMG border=0 name=accueil0 src="http://i54.tinypic.com/25ahoww.jpg" width=860 height=360 useMap=#accueil1> <MAP name=accueil1><AREA href="http://kpop123.forumactif.com/votre-1er-forum-f1/es-t2.htm" shape=rect alt="" coords=4,5,58,13><AREA href="http://kpop123.forumactif.com/votre-1er-forum-f1/votre-1er-sujet-t1.htm" shape=rect alt="" coords=3,5,56,10></MAP></a></a>

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par ge80 le Mer 8 Sep 2010 - 15:23

Votre code est erroné.
Il manque beaucoup de " < I M G border="0" name="a.....
Il y a deux balises de fin au lieu d'une < / a >

L'image de fond contient votre menu.
L'image de votre code doit être transparente et venir se positionner sur les lignes de votre menu ( les coordonnées négatives).

J'ai mis volontairement une bordure à l'image transparente qui viendra sur votre menu
Code:
<div style="position: relative; top: -400px; left: -400px;"><img style="border:10px solid black;" name="accueil0" src="http://i35.tinypic.com/r05teg.gif" usemap="#accueil"  width="77" height="76"><map name="accueil"><area href="http://kpop123.forumactif.com/votre-1er-forum-f1/es-t2.htm" shape="rect" alt="" coords="4,5,58,13"><area href="http://kpop123.forumactif.com/votre-1er-forum-f1/votre-1er-sujet-t1.htm" shape="rect" alt="" coords="4,15,58,23"></map></div>

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par b2uty le Mer 8 Sep 2010 - 16:00

ah merci beaucoup ici je viens de metre votre code et sa fonctionne super
sans probleme dans le cadre généralité.
Un grand merci, je met se sujet résolu ^^

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty 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