Besoin d'un conseil pour un effet web

Besoin d'un conseil pour un effet web - Web design - Graphisme

Marsh Posté le 03-10-2002 à 19:56:27    

Salustre
:)
Voila, je voudrais faire un menu le plus simplement possible.
Je voudrais que quand on passe la souris sur les differents elements (genre Info, Contact etc..) le texte en question change de couleur. Vu que la font que j'utilise est tres peu connu, le php n'est pas une solution. Donc je pensais faire ca sous forme d'image qui change au passage de la souris mais avec quoi dois je le faire pour que ce soit le plus simple possible?
flash ou ya plus simple?
merci d'avance
a+

Reply

Marsh Posté le 03-10-2002 à 19:56:27   

Reply

Marsh Posté le 03-10-2002 à 19:57:49    

Quel rapport entre la typo peu connue et le PHP ? :??:
 
Sinon bah t'as plusieurs solutions comme le Flash justement ou les simples Rollovers.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 03-10-2002 à 19:58:53    

image ready  et toshop sont les rois pour ca
 

Reply

Marsh Posté le 03-10-2002 à 19:59:42    

je parlais de php parce que je crois qu'il y a un petit script qui permet de faire des trucs de rollover mais juste sur des fonts
mais merci pour vos conseils

Reply

Marsh Posté le 03-10-2002 à 20:06:00    

1) Le php n'a rien à voir avec ton problème.
2) faire des boutons en flash n'est pas une bonne solution.
3) le mieux c'est de faire un bête rollover en javascript.
 
entre tes head et tes balises javascripts :
 

Code :
  1. image1 = new Image(largeur,hauteur);
  2. image1.src = "image-bouton-off.gif";
  3. image2 = new Image(largeur,hauteur);
  4. image2.src = "image-bouton-on.gif";
  5. function nomdetonbouton(x, y)
  6. {
  7. document.images[x].src=eval(y+'.src');
  8. }


 
Après à l'endroit où tu veux placer ton bouton :
 

Code :
  1. <a onmousedown="nomdetonbouton('image1', 'image1')" onmouseover="nomdetonbouton('image1', 'image2')" onmouseout="nomdetonbouton('image1', 'image1')" href="le lien sur lequel envoi le bouton.htm"><img class="bordboutons" id="image3" src="image-bouton-off.gif" alt="commentaire du bouton" /></a>

Reply

Marsh Posté le 03-10-2002 à 20:06:53    

leoz a écrit a écrit :

Salustre
:)
Voila, je voudrais faire un menu le plus simplement possible.
Je voudrais que quand on passe la souris sur les differents elements (genre Info, Contact etc..) le texte en question change de couleur.  




 
Tu peux utiliser le DHTLM.

Reply

Marsh Posté le 03-10-2002 à 21:31:51    

leoz a écrit a écrit :

je parlais de php parce que je crois qu'il y a un petit script qui permet de faire des trucs de rollover mais juste sur des fonts
mais merci pour vos conseils


Ca peut se faire sans problèmes sur du texte.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 03-10-2002 à 21:46:57    

Citation de Leoz :
 

Citation :

Vu que la font que j'utilise est tres peu connu


 
bref, avec du texte il peut pas...

Reply

Marsh Posté le 03-10-2002 à 21:51:24    

LexTuhor a écrit a écrit :

Citation de Leoz :
 

Citation :

Vu que la font que j'utilise est tres peu connu


 
bref, avec du texte il peut pas...



Avec Weft il peut (je suis pas sûr du nom là!). Sauf que c'est galère à configurer et chiant à utiliser. :sweat:


Message édité par Pinzo le 03-10-2002 à 21:52:17

---------------
“I'll thank you very much.”
Reply

Marsh Posté le 03-10-2002 à 21:52:07    

:ouch:  c quoi ce truc encore ??  :D

Reply

Marsh Posté le 03-10-2002 à 21:52:07   

Reply

Marsh Posté le 03-10-2002 à 21:53:34    

LexTuhor a écrit a écrit :

 :ouch:  c quoi ce truc encore ??  :D  



Microsoft Weft (je suis pas sûr du nom là!-bis-) ! Fait en sorte que ton site puisse utiliser des polices que les visiteurs n'ont pas.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 03-10-2002 à 22:18:08    

oula... j'en ai entendu parler je crois... Mais c'est que des bêtes css, mais c'est pas du tout compatible avec les versions 5 d'IE ni tous les autres navigateurs...
 
Je crois que ça marche à partir de la version 5.5 ou 6.
 
Mais de toutes façons, c'est très lourd à charger je crois bien...

Reply

Marsh Posté le 03-10-2002 à 22:26:03    

Fait au plus simple .... c'est à dire en flash => symbole bouton c'est tout con  
 
utilise donc :  
 
- soit Flash
- soit Swish
 
 
L'autre solution consiste à faire du DHTML (évenements JS)
 
- Soit à la main  
- Soit sous Fireworks + auto-génération de script(le must)
- Soit sous ImageReady + auto-génération de script
- Soit first Page 2000 ou Dreamweaver  
 
 
 
 
NB : Le PHP ou tout autre script serveur ne t'aidera jamais dans la gestion d'events DHTML dans une page...
 
 
 

Reply

Marsh Posté le 04-10-2002 à 11:20:39    

Ultra Bestial a écrit a écrit :

Fait au plus simple .... c'est à dire en flash => symbole bouton c'est tout con  
 
utilise donc :  
 
- soit Flash
- soit Swish
 




 
Utiliser Flash uniquement pour quelques pauvres boutons, je trouve vraiment pas ça intelligent. Pourquoi pas des applets java tant que tu y es... Plus on fait appel à des plugins externes aux navigateurs (en admettant que ceux-ci en soient équipés) et plus c'est lourd.
 

Citation :

L'autre solution consiste à faire du DHTML (évenements JS)
 
- Soit à la main  
- Soit sous Fireworks + auto-génération de script(le must)
- Soit sous ImageReady + auto-génération de script
- Soit first Page 2000 ou Dreamweaver


 
Fireworks n'est surement pas le must. Le "must" comme tu dis, c'est de faire ses rollovers à la main.
 
Pour info, le rollover que j'ai donné en haut est 10 fois moins long que la merde produite par fireworks, dream ou encore Golive et CONTRAIREMENT à EUX, il est compatible avec tous les navigateurs récent et en plus est xhtml strict compliant.
Montres nous ton code pondu par fireworks qu'on rigole un peu...  :lol:  
 
 
 
 
 

Reply

Marsh Posté le 04-10-2002 à 14:50:55    

Lex> t'en a pas mare au bout d'un moment?

Reply

Marsh Posté le 04-10-2002 à 14:56:54    

c'est vrai que ça devient lourd la confusion entre forum graphisme et programmation... [:mojopin80]

Reply

Marsh Posté le 04-10-2002 à 17:55:32    

Ben vous avez k'a déplacer les questions dans le forum prog alors, parce que jusqu'à preuve du contraire, faire des rollovers, c'est de la prog pour moi...  :D (c'est encore du javascript que je sache et indiquer le meilleur code peut être utile).
 
 :hello:


Message édité par LexTuhor le 04-10-2002 à 18:03:40
Reply

Marsh Posté le 04-10-2002 à 18:43:09    

tiens juste une question sur ton script! ya pas de fonction preloader?

Reply

Marsh Posté le 04-10-2002 à 19:03:55    

Lex => m'a solution ne s'adressait qu'à un débutant qui n'a pas forcément de facilité à mettre en place le code que tu as proposé. Je suis d'accord que Fireworks & I.R ne sont pas les meilleures solutions en ce qui concerne le Javasvript.
Je suis d'accord aussi que ton code est plus léger que ceux de mac & Ir
 
 

LexTuhor a écrit a écrit :

 
Montres nous ton code pondu par fireworks qu'on rigole un peu...  :lol:  




 
 
Mwais ...... regarde plutôt le JS présent sur ton site perso...

Reply

Marsh Posté le 04-10-2002 à 19:09:43    

Mon site perso est à chierrrr  :D  
 
Il a été fait avec Golive 5 avec un code tout pourri en 2 heures. C'est en fait un forum phpbb2 mis dans une frame. Ya pas pire lol de lol... ça date en plus.
 
C'est pas du tout ce que je fais actuellement, ce que je fais actuellement est là : http://www.mao-france.com/index2.html
 
 

Reply

Marsh Posté le 04-10-2002 à 19:15:32    

LexTuhor a écrit a écrit :

 
 
C'est pas du tout ce que je fais actuellement, ce que je fais actuellement est là : http://www.mao-france.com/index2.html
 




 
 
C'est nettement mieux en effet.

Reply

Marsh Posté le 04-10-2002 à 19:15:39    

frenzy a écrit a écrit :

tiens juste une question sur ton script! ya pas de fonction preloader?




 
Tu as raison, il faut le rajouter (c'est 2 lignes  ;) )
 
il faut mettre ça dans le head :
 

Code :
  1. function prechargement()
  2. {
  3. img1 = new Image;
  4. img1.src = "bouton-on.gif";
  5. img2 = new Image;
  6. img2.src = "bouton-off.gif";
  7. }


 
et ensuite ajouter ça à la balise body du début :  
 

Code :
  1. <body onload="prechargement()">

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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