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

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

Marsh Posté le 04-01-2004 à 17:06:33    

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

Reply

Marsh Posté le 04-01-2004 à 17:06:33   

Reply

Marsh Posté le 04-01-2004 à 17:27:54    

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

Reply

Marsh Posté le 05-01-2004 à 16:39:37    

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

Reply

Marsh Posté le 05-01-2004 à 16:42:28    

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/

Reply

Marsh Posté le 05-01-2004 à 17:27:48    

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

Reply

Marsh Posté le 05-01-2004 à 17:32:20    

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

Reply

Marsh Posté le 05-01-2004 à 21:07:07    

: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
Reply

Marsh Posté le 06-01-2004 à 08:29:09    

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

Reply

Marsh Posté le 06-01-2004 à 18:44:58    

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,...).

Reply

Marsh Posté le 06-01-2004 à 18:49:26    

<? 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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed