header map

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

Résolu header map

Message par Invité Mer 1 Déc 2010 - 23:45

RESOLU


Dernière édition par Ever. le Lun 6 Déc 2010 - 0:14, édité 2 fois
Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Invité Dim 5 Déc 2010 - 20:44

UP, c'est important, j'ai trouvé comment faire avec un simple logos, mais les choses se compliquent pour l'image de fond
Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Adam_sfp Dim 5 Déc 2010 - 22:21

Bonjour
je ne suis pas sur que les exemples utilisent l'image de fond...
Vous pouvez par exemple créer une page HTML en image map et ensuite cocher:
Utiliser cette page en tant que page d'accueil .
(un peu comme le premier exemple )

le 2ème exemple l'image map est en page d'accueil il me semble...
Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: header map

Message par Invité Dim 5 Déc 2010 - 22:26

Merci d'avoir répondu si vite!J'ai demandé aux admin de ce forum, et apparemment c'est bien une image de fond, ils m'ont aussi dit qu'il fallait modifier un template pour obtenir ce résultat. Je pense qu'il s'agit d'Overall_Header mais je ne suis pas sûre
Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Adam_sfp Dim 5 Déc 2010 - 22:45

Bonsoir
Pour cette exemple ICI

le header est mis en place via le ccs en image de fond..
l'image map est par dessus celle ci étant transparente..
Vous pouvez effectivement passer par les templates...

Cordialement.


Dernière édition par Adam_sfp le Dim 5 Déc 2010 - 22:47, édité 1 fois
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: header map

Message par Invité Dim 5 Déc 2010 - 22:47

J'ai déjà fait tout ça. Le problème n'est pas de mettre un header de fond. (je sais faire ça^^) le problème, c'est que je n'arrive pas à faire de cette image de fond une image map sans déformer le forum. Parce que si je met une image transparente (et map) par dessus (donc en logo du forum) ça déformera mon forum
Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Adam_sfp Dim 5 Déc 2010 - 22:54

Bonsoir
Les exemples n'utilisent pas d'images maps en image de fond...
pouvez vous montrer ce que vous voulez faire ce sera plus simple..?
lien du forum..votre code image map?
Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: header map

Message par Invité Dim 5 Déc 2010 - 23:30

Ah bon ? Pourtant lorsque l'on survole certaine zone il y a un rollover (c'est bien ça le therme ? albino )
Les exemples montrent ce que j'aimerais faire. Mais comme ce n'est pas très clair, je vais essayer de dire ça un peu mieux (^^)
Arrow J'ai un header de fond, qui sera mon logo.
Arrow Pour l'utiliser sans déformer mon forum j'ai dû utiliser ce code CSS :

Code:
body {
background-image: url('http://files.getwebb.org/files/de/ba/40/66fe18676d7effff1e63d8e280b73c0b35/source.png');
background-position: top center;
background-repeat: no-repeat;
}
Arrow Maintenant, j'aimerais pouvoir en faire une image réactive (map)
Voici mon code test :

Code:
 <img src="http://files.getwebb.org/files/de/ba/40/66fe18676d7effff1e63d8e280b73c0b35/source.png" width="1000" height="550" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="218,5,283,42" TITLE="T E S T" href="http://mycream.1fr1.net" />
</map>

Arrow Et je ne sais pas où mettre mon code image map, de façon à ce qu'il s'applique au header de fond.

C'est juste un test, l'image aussi. Wink
L'adresse du forum : http://mycream.1fr1.net

Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Adam_sfp Dim 5 Déc 2010 - 23:46

Bonsoir
et en mettant votre code
Code:
<center><img src="http://files.getwebb.org/files/de/ba/40/66fe18676d7effff1e63d8e280b73c0b35/source.png" width="1000" height="550" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="218,5,283,42" TITLE="T E S T" href="http://mycream.1fr1.net" />
</map></center>
dans le template overall_header juste après <head> ?
enregistrez et valider

Cordialement
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: header map

Message par Invité Dim 5 Déc 2010 - 23:50

On se rapproche du but!! ça marche regardez : http://mycream.1fr1.net/forum.htm?tt=1&sid=1bdcef74dc88383d2037b5e644e3837d

Seul petit problème (désolé de vous embêtez encore) il y a un espace phénoménal entre le header et le reste du forum.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: header map

Message par Adam_sfp Lun 6 Déc 2010 - 0:08

bonsoir
je ne vois pas d"espace phénoménal ?
mais le titre de votre forum et la barre de nav juste dessous
*edit l'image transp à enlever...


http://files.getwebb.org/files/f7/53/b6/7093280162b8a31bfa0c1d0190340fb58c/source.png

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: header map

Message par Invité Lun 6 Déc 2010 - 0:13

MERRCIIII, si vous saviez depuis le temps que je cherche à faire ça. Vous êtes génial! Yahoo
Anonymous

Invité
Invité


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

Résolu Re: header map

Message par Adam_sfp Lun 6 Déc 2010 - 0:15

ah ben c'était pas si compliqué finalement.. Very Happy

header - header map Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur header - header map Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton header - header map 50378

A bientôt sur ForumActif Smile
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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