Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Menu déroulant avec joomla

Dernière réponse le 6 avr 2009 à 19:24:57 Laila, le 6 avr 2009 à 14:30:50

Signaler ce message aux modérateurs

Bonjour,

Je souhaiterai savoir comment créer un menu déroulant avec joomla! ?

Merci pour vos réponses !

Cordialement, laila

Configuration: Windows Vista
Firefox 3.0.8
joomla! 1.5.9

Posez votre question Répondre

math 2000, le 6 avr 2009 à 14:35:09

Quel genre de menu déroulant sinon joomla je connais pas

http://bormat2.free.fr/tutoriel-menu-deroulant.html
http://demos.mootools.net/Mouseenter
http://jquery.bassistance.de/accordion/demo/?p=1.1.1

Répondre à math 2000

wanabee, le 6 avr 2009 à 14:43:12

Salut, merci d'avoir répondu aussi vite! c'est le genre menu de base qui est proposé dans le premier lien que tu ma proposé :) merci bcp ..Maintenant je dois voir si je peux faire en sorte que cela fonctionne avec joomla! ...mais je trouve le code ou ?

Merci bien

Répondre à wanabee

math 2000, le 6 avr 2009 à 17:03:52

Désolé le 1er lien en fait c'est un site que je créer j'ai pas encore mis les code tu es intéressé par lequel
sinon ut fais clic droit afficher la source sinon peux tu m'expliquer un peu ce qu'est joomla

Répondre à math 2000

wanabee, le 6 avr 2009 à 17:45:25

Re, ba moi c'est le dernier menu qui m'interesse ... asez simple genre au passage de la souris les sous menu apparaissent... joomla c un cms ! c'est un logiciel open source qui te permet de creer des sites web
je v plutot voir s'il n'existe pas de plug'in pour joomla car il me semble difficile de modifier le menu :(

Répondre à wanabee

math 2000, le 6 avr 2009 à 18:26:09

Non j'ai un menu tout en css très simpleà modifier attend un epu je te le passe

Répondre à math 2000

wanabee, le 6 avr 2009 à 18:27:42

Oh ba ok merci beaucoup c'est tres gentil de ta part

Répondre à wanabee

math 2000, le 6 avr 2009 à 18:31:14

http://bormat2.free.fr/menu%20d%C3%A9rouant%20compatible%20ie6%20sans%20js/

le code html est

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta name="generator"
 content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
  <meta content="text/html; charset=utf-8"
 http-equiv="Content-Type">
  <title>menu déroulant ie6 css</title>
  <link media="all" href="index.css" type="text/css"
 rel="stylesheet">
  <style type="text/css">
table.c1 {width: 7px;} </style>
</head>
<body>
<br>
<div class="menu1">
<ul>
  <li><a class="tr"
 href="http://www.clubic.com/comparateur-de-prix.html"
 title="Comparateur de prix"><span class="menu1_milieu_off">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; menu
1 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><!--[if gte IE 7]><!-->
    </a><!--<![endif]-->
    <table class="c1">
      <tbody>
        <tr>
          <td>
          <ul>
            <li><a class="ty"
 href="http://www.clubic.com/comparatif/piece-detachee/"
 title="Comparer les prix de">sous menu1 du menu 2</a></li>
            <li><a class="ty"
 href="http://www.clubic.com/comparatif/peripherique/">sous
menu 2 du menu 2</a></li>
          </ul>
          </td>
        </tr>
      </tbody>
    </table>
<!--[if lte IE 6]></a><![endif]--></li>
  <li><a class="tr"
 href="http://www.clubic.com/comparateur-de-prix.html"
 title="Comparateur de prix"><span class="menu1_milieu_off">_
&nbsp; &nbsp; &nbsp;
menu2 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    </span><!--[if gte IE 7]><!--> </a><!--<![endif]-->
    <ul>
      <li><a class="ty"
 href="http://www.clubic.com/comparatif/piece-detachee/"
 title="Comparer les prix de">sous menu1 du menu 2</a></li>
      <li><a class="ty"
 href="http://www.clubic.com/comparatif/peripherique/">sous
menu 2 du menu 2</a></li>
    </ul>
<!--[if lte IE 6]></a><![endif]--></li>
</ul>
</div>
<div>texte</div>
</body>
</html>

et le css

li:hover ul, .menu1 li a:hover ul {
position : absolute;
top : 24px;
}
li, li ul, li {
display : none;
position : relative;
}
ul li:hover li, a:hover a, li:hover li {
background : #e5ecf7 none repeat scroll 0 0;
width : 132px;
}
a, li:hover ul, a:hover ul, li {
display : block;
float : left;
text-decoration : none;
}
ul, a:hover, li:hover ul {
left : -1px;
margin : 0;
padding : 0;
}
li a:hover, #navigation li a:focus, li a:active {
background : #900 none repeat scroll 0 0;
}
.tr:hover {
background : transparent url('image004.jpg') repeat scroll 0 0;
color : #000;
}
.tr {
background : transparent url('image002.jpg') repeat scroll 0 0;
color : blue;
height : 24px;
}
.ty {
color : blue;
}
.ty:hover {
color : red;
}

Répondre à math 2000

wanabee, le 6 avr 2009 à 18:46:22

Merci ! je vais essayer de mixer le tout !! merci pour ton aide surtout!

Répondre à wanabee

math 2000, le 6 avr 2009 à 19:24:57

De rien tu lme tient au courant

Répondre à math 2000

Posez votre question Répondre