Menu horizontal avec sous menu et image en CSS

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Menu horizontal avec sous menu et image en CSS

Message le Mar Nov 18, 2008 12:01

Bonjour,
je cherche depuis 2 jours un menu horizontal avec un sous menu mais je ne trouve pas exactement ce que je veux.

Je voudrais qu'une image de fond soit sur ma rubrique et quand la souris passe dessus que l'image change. (mais attention je veux que mon menu reste en TEXTE en priorité).

Bref, voilà un exemple de menu que j'aime bien mais il manque un sous menu et ce n'est pas en texte mais que en image...

-http://www.webisybank.com/

merci d'avance
Jonathan


e-kiwi
Modérateur
Modérateur
 
Messages: 13842
Inscription: Mar Déc 23, 2003 9:04

Message le Mar Nov 18, 2008 12:10

t as qu'à prendre celui là, et rajouter dans la css l'image de fond
http://www.cssplay.co.uk/menus/dd_valid.html


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Message le Mar Nov 18, 2008 12:13

ok merci bien je vais tenter :)


e-kiwi
Modérateur
Modérateur
 
Messages: 13842
Inscription: Mar Déc 23, 2003 9:04

Message le Mar Nov 18, 2008 13:48

tu en a foule des menus sur ce site, regarde les tous ! ;)


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Message le Mar Nov 18, 2008 15:50

en fait, il n'est pas très bien. Quand tu agrandis la ligne principale, toutes les lignes du sous menu s'agrandissent aussi :s !


Je galère à trouver un menu horizontal avec sous menus :| lol

rchlouis
Nouveau WRInaute
 
Messages: 20
Inscription: Ven Nov 14, 2008 12:34

Message le Mer Nov 19, 2008 0:16

j'ai un menu de ce type et je ne trouve pas comment inserer une image à la place du code couleur.

quelqu'un sais si c'est possible ?


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Message le Mer Nov 19, 2008 9:13

Juste :

background-image:url(TON IMAGE); background-repeat:no-repeat;

rchlouis
Nouveau WRInaute
 
Messages: 20
Inscription: Ven Nov 14, 2008 12:34

Message le Mer Nov 19, 2008 12:23

apparament cela ne marche pas, ou je ne met pas le code comme il faut.

voila la partie du code, du menu deroulant.

var menuALIGN = "center"; // alignment
var absLEFT = 0; // absolute left or right position (if menu is left or right aligned)
var absTOP = 126; // absolute top position

var staticMENU = false; // static positioning mode (ie5,ie6 and ns4 only)

var stretchMENU = false; // show empty cells
var showBORDERS = false; // show empty cell borders

var baseHREF = ""; // base path to .js files for the script (ie: resources/)
var zORDER = 1000; // base z-order of nav structure (not ns4)

var mCOLOR = "#333333"; // main nav cell color
var rCOLOR = "#666666"; // main nav cell rollover color
var bSIZE = 1; // main nav border size
var bCOLOR = "black" // main nav border color
var aLINK = "#6F8DD9"; // main nav link color
var aHOVER = "#B8C8FE"; // main nav link hover-color (dual purpose)
var aDEC = "none"; // main nav link decoration
var fFONT = "verdana, arial"; // main nav font face
var fSIZE = 13; // main nav font size (pixels)
var fWEIGHT = "bold" // main nav font weight
var tINDENT = 7; // main nav text indent (if text is left or right aligned)
var vPADDING = 7; // main nav vertical cell padding
var vtOFFSET = 0; // main nav vertical text offset (+/- pixels from middle)

var keepLIT = true; // keep rollover color when browsing menu


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Message le Mer Nov 19, 2008 14:06

oula en quel langage tu es toi Oo ?

rchlouis
Nouveau WRInaute
 
Messages: 20
Inscription: Ven Nov 14, 2008 12:34

Message le Mer Nov 19, 2008 14:07

jiojioforever a écrit:oula en quel langage tu es toi Oo ?


je comprend pas ta question!


jiojioforever
WRInaute passionné
WRInaute passionné
 
Messages: 503
Inscription: Jeu Nov 23, 2006 14:38

Message le Mer Nov 19, 2008 14:11

tu programmes en quoi

rchlouis
Nouveau WRInaute
 
Messages: 20
Inscription: Ven Nov 14, 2008 12:34

Message le Mer Nov 19, 2008 14:31

sur mon site j'ai un menu deroulant en javaScript

son design est fais par des code couleur, comme dans le copier coller du message au dessu.

moi je voudrais y mettre une image a la place de code couleur.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités