Image réactive
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image réactive
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.
j'aimerais ajouter un menue de dans comme ceci:
Merci d'avance pour vos réponses.
Re: Image réactive
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 -----
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 -----
Re: Image réactive
Bonsoir
Quel est le lien du forum de votre capture s'il vous plait ?
Quel est le lien du forum de votre capture s'il vous plait ?
Re: Image réactive
Le lien du forum de la capture est http://akiwa.forumactif.com/forum.htm
il est beaucoup utilisé comme modèle ^^
il est beaucoup utilisé comme modèle ^^
Re: Image réactive
ge80 vous a donné (plus haut) un lien menant au tuto des images réactives, l'avez-vous lu ?
Re: Image réactive
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".
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".
Re: Image réactive
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....( https://2img.net/h/oi33.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.
Re: Image réactive
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.
L'affichage seul de l'image de fond ne peut réagir.
Désolé pour cette fausse piste.
Merci pour la rectification.
Re: Image réactive
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...
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...
Re: Image réactive
Le code devrait ressembler à celui- ci
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 .
- 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 .
Re: Image réactive
ah merci pour se code, mais je le place ou? dans généralités?
Re: Image réactive
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
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
Re: Image réactive
Daccord ademain et merci pour ton aide
Sinon ici je viens de tester ton code en completant est non sa ne fonctionne pas =$
Sinon ici je viens de tester ton code en completant est non sa ne fonctionne pas =$
Re: Image réactive
Je n'en suis nullement surpris.b2uty a écrit:DSinon ici je viens de tester ton code en completant est non sa ne fonctionne pas =$
Pouvez-vous donner le code que vous avez essayé, je partirai avec pour les tests ?
Re: Image réactive
- 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.
Re: Image réactive
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.
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.
Re: Image réactive
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
(poste editer)
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
(poste editer)
Re: Image réactive
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
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
Re: Image réactive
Bonjour
Il faut supprimer tous les sauts de lignes dans votre code et remplacer le < DIV par un < A
Cordialement
Gé
Il faut supprimer tous les sauts de lignes dans votre code et remplacer le < DIV par un < A
Cordialement
Gé
Re: Image réactive
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 :
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>
Re: Image réactive
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
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>
Re: Image réactive
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 ^^
sans probleme dans le cadre généralité.
Un grand merci, je met se sujet résolu ^^
Sujets similaires
» Image réactive
» Image reactive sur le logo/image du forum
» Image réactive... bug *-*
» Image reactive
» Image réactive
» Image reactive sur le logo/image du forum
» Image réactive... bug *-*
» Image reactive
» Image réactive
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum