header map

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

RESOLU

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

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.

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

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.

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

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.

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 (^^)

J'ai un header de fond, qui sera mon logo.

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; }

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>

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

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

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.

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.