Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1058 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Comment changer l'image d'arrière plan quand la souris va dessus ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment changer l'image d'arrière plan quand la souris va dessus ?

n°413217
Siron
Posté le 04-01-2004 à 17:06:33  profilanswer
 

Bonjours, je suis en train de faire le design de mon nouveau site, et j'utilise des cadres.
Le pb, c'est que j'aimerais faire un menu avec des boutons réactif quand la souris passe dessus, mais comme je n'ai pas envie d'alourdir le site avec une image pour chaque bouton du menu, j'aimerais faire un tableau par bouton avec comme arrière plan le bouton, enssuitte je n'ai plus qu'a écrire le titre du bouton dans le cadre, ainssi si je veux faire un menu avec 10 bouton qui sont fait de 2 images (réactive a la souris), au lieu de devoir charger 20 images, le visiteur ne devra en charger que 2 et le texte au dessus.  
Mais c sans conter que je ne sais pas comment faire une image d'arrière plan réactive, que dois-je faire, existe t-il un équivalant a ça :  
"<img src="xxx/1.gif"
border="0" name="zzz"
onmouseover="zzz.scr"="xxx/2.gif"
onmouseout="zzz.scr"="xxx/1.gif"
" pour l'arrière plan ?
Merci d'avance.
Siron

mood
Publicité
Posté le 04-01-2004 à 17:06:33  profilanswer
 

n°413232
alvas
Train hard. Win easy.
Posté le 04-01-2004 à 17:27:54  profilanswer
 

si tu ne comptes pas produire du code xhtml, tu peux par exmple utiliser

Code :
  1. <td width="n%" bgcolor="#zzz" onMouseOver="this.bgColor='#xxx'" onMouseOut="this.bgColor='#yyy'">


dans tes tableaux

n°413685
Siron
Posté le 05-01-2004 à 16:39:37  profilanswer
 

Merci pour ta réponsse, mais c'est pas pour la couleur d'arrière plan ça ,et non pour une image d'arrière plan ?
Siron

n°413689
fastclemmy
(re-)Dictateur en plastique
Posté le 05-01-2004 à 16:42:28  profilanswer
 

Déjà les cadres c'est mal, parce que :
http://openweb.eu.org/articles/finir_cadres/
 
Ensuite pour faire ton machin utilise plutôt un truc comme ça :
http://www.pompage.net/pompe/portescoulissantes/

n°413708
Siron
Posté le 05-01-2004 à 17:27:48  profilanswer
 

Mais heu, ...
Il est dur a comprendre le texte sur pk ne pas utiliser les cadres.
Mais en fait moi je suis pas très fort, et l'utilisation des cadres, je le fait pour le graphisme du site, sa fait seulement 3 jours que j'ai remarqué que cela pouvais être pratique en regardant ce site ( http://www.wze.be.tf/ )il est fait de cadre, en gros 1 pour la bannière sup, 1 de 3 colonne pour le cadre, et 1 pour la bannière inf, celui de 3 colonnes a 2 colonnes pour les menus et sondages et une colonne pour la place du site ou les infos sont affichés.  J'aimerais faire le meme genre de design.
Mais je ne connais pas vraiment les désaventages des cadres, les seuls que j'ai en vue c'est le fait que pour devoir aller a un lien, le visiteur devra recharger toute la page, et meme si la cache conserve les images du design, cela alourdi.  je pourrais utiliser les frames (pour ne pas que le visiteur doivent charger chaque fois toute la page), mais cela n'est pas consseillé.
Le xhtml, serait-il une solution ?, il s'utilise avec css ?
Est-il ce facille de mettre en oeuvre du xhtml et/ou du css ?
Merci de vos réponsse.
Siron

n°413711
fastclemmy
(re-)Dictateur en plastique
Posté le 05-01-2004 à 17:32:20  profilanswer
 

OK, dans ton jargon cadres = tableaux.
 
Dans la réalités : cadres = frames != tableaux.
 
Tant qu'à te coller à la création web autant le faire dans les règles de l'art et à abandonner la mise en page avec des tableaux.
 
Cf. ces quelques liens pour débuter :)
http://www.fastclemmy.com/index.ph [...] EnXHTMLCSS

n°413823
Siron
Posté le 05-01-2004 à 21:07:07  profilanswer
 

:whistle: , a oui je me suis ptre enmèllé entre tableau et cadre.
Sinon si je comprend bien en gros, la seule différence entre le html et le xhtml, c'est le rajout d'une balise de fin ou d'un / suivit d'un espace, et bien sur la compatibilitée futur avec le xml.
Sinon, pour mon design, tu me consseyes quoi comme piste pour faire mon équivalent tableau (on me la refait plus :D ) avec si possible l'avantage des frames dans le chargement de seulement la partie concernée et non tous (menu, logo,...) , les div, le css,... (en xhtml bien sur si g arrive et si dreamweaver et compatible) ?
Encore merci pour l'aide.  :jap:
Siron  [:aztechxx]


Message édité par Siron le 05-01-2004 à 21:08:16
n°414031
whyjuan
HATE ETERNAL
Posté le 06-01-2004 à 08:29:09  profilanswer
 

fastclemmy a écrit :

OK, dans ton jargon cadres = tableaux.
 
Dans la réalités : cadres = frames != tableaux.
 
Tant qu'à te coller à la création web autant le faire dans les règles de l'art et à abandonner la mise en page avec des tableaux.
 
Cf. ces quelques liens pour débuter :)
http://www.fastclemmy.com/index.ph [...] EnXHTMLCSS


 
+1
lis ça c bien

n°414269
Siron
Posté le 06-01-2004 à 18:44:58  profilanswer
 

Je viens de lire un truc : que dans le php, si on utilise les "includes" (?), on a les avantages des frames sans ses désavantages.
Ses quoi exactement les includes ?  Cela pourrais t-il etre la solution a mon dillem, c'est a dire avoir une présentation façon tableau, tout en préservent la conection du visiteur qui ne devra pas recharger les parties inutile (menu, banière,...).

n°414271
The Real P​hoenix
Posté le 06-01-2004 à 18:49:26  profilanswer
 

<? include ?> permet "d'inclure" le contenu d'un fichier, d'une variable, etc.
 
par exemple si tu fais <? include ("main.html" ); ?> le code que se trouve dans se fichier sera "coller" dans le resultat affiché par le navigateur.
 
Maintenant si "main" est une vrariable ($main), elle peut prendre n'importe quelle page html à volotonté. Ca fait la même chose que les frames avec leur "target".


Message édité par The Real Phoenix le 06-01-2004 à 18:49:41

---------------
Portfolio: http://www.suzaku.fr | Blog: http://blog.suzaku.fr

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Comment changer l'image d'arrière plan quand la souris va dessus ?

 

Sujets relatifs
"vectorialisation" d image!?!?[Max5] Debutant : arrière plan
dreamweaver comment changer le titre du site[Photoshop] effet d'image
[Flash MX] Ouverture d'une image haute qualité ds fenetre popupimage d'un site
Impression d une image rvb ?Retouche d'image light et gestion d image.
FLASH -------> Duree d'une image (noob inside) !! 
Plus de sujets relatifs à : Comment changer l'image d'arrière plan quand la souris va dessus ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR