Créer un menu horizontal qui défile

[Alegolas91]

Bonjour !

J'aurais besoin d'une astuce pour créer un menu horizontal, qui défilerait en affichant des images juste assez large pour qu'on puisse lire ce qui est écrit dessus et qu'il y est un lien intégré à l'image affichée !

Donc je suis en version PHPBB2 et voici mon forum : http://www.20000nainsousleselfes.org/forum

Je voudrais installer cette barre dans l'emplacement de l'en-tête (où il y a les fonctionnalités du forum et des news).

-J'aimerais pouvoir l'éditer facilement pour insérer des images. Donc il faudrait que je puisse régler la taille du menu (pour la taille des images afin de les lire)
-J'aimerais pouvoir y intégrer une vitesse de défilement.
-J'aimerais pouvoir intégrer un lien sur l'image incluse dans le menu !

Voilà, j'espère que la réalisation est possible ! Merci d'avance pour les réponses.
Cordialement,
Alegolas91

[firebird97]

lu,
je pense qu'il faut faire un peu le meme principe que pour faire une baniere
mais je n'en suis pas sure

[Dr. Karlos]

Bonsoir,

C'est facilement réalisable à l'aide de la balise marquee.

Code:

<marquee scrollamount="20" height="0" width="0">
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a>
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a>
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a>
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a>
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a>
<a href="LIEN"><img src="ADRESSE IMAGE"></img></a></marquee>

La vitesse se modifie à l'aide de scrollamount, 10 étant de vitesse normale.
La largeur se modifie à l'aide de width et la hauteur à l'aide de height.

Où exactement désirez-vous l'insérer?


Cordialement.

[Alegolas91]

Merci pour cette réponse très précise qui comporte toutes mes attentes !

Je désires l'insérer dans l'en-tête du forum qui est dans : Affichage => Page d'accueil => Généralités

J'essaye avec le code fournis d'ici peu, je vous avertirais lorsque cela marche ou si je rencontre un problème !

[Alegolas91]

Alors c'est parfait, j'ai insérer le code, j'ai modifié la vitesse et la taille du bloc défilant, j'ai également insérer mon image et le lien mais il me manque un petit détail, je voudrais que lorsque la souris passe sur le cadre, le cadre s'arrête de défiler.

Je ne sais pas quel code en HTML correspond à cela ^^

Merci d'avance !

Edit : J'ai oublié, je voudrais faire de même mais avec un menu qui défile de bas en haut pour faire défiler des photos ! Il me faudrait juste le code pour modifier le défilement ( qui va de bas en haut au lieu de droite à gauche !)

Merci !

[firebird97]

bonjour,

J'ai ete voir ton forum car ton idee m'interresse aussi mais je ne vois pas le
"bloc defilant".faut t'il s'inscrire ?

[Alegolas91]

Alors non il ne faut pas s'inscrire ! Il se trouve sur le portail ici :

http://www.20000nainsousleselfes.org/

Voilà =)

[firebird97]

re,

a d'accord.C'est le truc ou ya ecrit "invité ..." et "exclusivité du forum" ??

[Alegolas91]

Oui c'est ceux-là !

Je remet ma demande pour les connaisseurs :

Alors c'est parfait, j'ai insérer le code, j'ai modifié la vitesse et la taille du bloc défilant, j'ai également insérer mon image et le lien mais il me manque un petit détail, je voudrais que lorsque la souris passe sur le cadre, le cadre s'arrête de défiler.

Je ne sais pas quel code en HTML correspond à cela ^^

Merci d'avance !

Edit : J'ai oublié, je voudrais faire de même mais avec un menu qui défile de bas en haut pour faire défiler des photos ! Il me faudrait juste le code pour modifier le défilement ( qui va de bas en haut au lieu de droite à gauche !)

Merci !

[firebird97]

bonjour,

Vous pouvez re-expliquer comment on fait pour mettre le "bloc defilant"
Je vous savoir est la balise marquee svp ,pouvez me prescisez ou car j'aimerais faire de meme.SVP

[Pinguino]

je voudrais que lorsque la souris passe sur le cadre, le cadre s'arrête de défiler.

Bonjour,


essayez de rajouter ceci dans votre code

Code:


onmouseover="this.stop();" onmouseout="this.start();">


Cordialement,

[firebird97]

Re,

Desolé mais la je ne comprend toujour pas.

[Alegolas91]

Merci Pinguino ça marche parfait !

Il ne manque plus que le code pour modifier le défilement, je voudrais un défilement de bas en haut plutôt que de droite à gauche (c'est pour créer un menu qui présentera des photos !)

Voilà, tout d'abord merci pour vos aides, j'ai reçu toutes les réponses que je désirais pour le moment ! Vous êtes très efficace !

Merci ! =)

[Alegolas91]

Désolé pour le double post, je voulais juste informer que j'ai trouvé le code.
Il fallait rajouter le code :

Code:

<marquee direction="up" ...

et le défilement se fait de bas en haut !

Merci à tous pour votre aide, je marque le sujet résolu !

Le résultat sur mon portail (voir pour les deux types de défilements) :

http://www.20000nainsousleselfes.org/