Menu déroulant avec joomla

Laila - 6 avr. 2009 à 14:30
math 2000 Messages postés 2833 Statut Membre -
Bonjour,

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

Merci pour vos réponses !

Cordialement, laila
A voir également:

9 réponses

wanabee Messages postés 8 Statut Membre 6
6 avr. 2009 à 14:43
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
3
math 2000 Messages postés 2833 Statut Membre 405
6 avr. 2009 à 17:03
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
2
wanabee Messages postés 8 Statut Membre 6
6 avr. 2009 à 17:45
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 :(
1
math 2000 Messages postés 2833 Statut Membre 405
6 avr. 2009 à 18:26
non j'ai un menu tout en css très simpleà modifier attend un epu je te le passe
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
wanabee Messages postés 8 Statut Membre 6
6 avr. 2009 à 18:27
Oh ba ok merci beaucoup c'est tres gentil de ta part
1
math 2000 Messages postés 2833 Statut Membre 405
6 avr. 2009 à 18:31
http://bormat2.free.fr/wordpress4/

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;
}
1
wanabee Messages postés 8 Statut Membre 6
6 avr. 2009 à 18:46
Merci ! je vais essayer de mixer le tout !! merci pour ton aide surtout!
1
math 2000 Messages postés 2833 Statut Membre 405
6 avr. 2009 à 19:24
de rien tu lme tient au courant
1
math 2000 Messages postés 2833 Statut Membre 405
6 avr. 2009 à 14:35
quel genre de menu déroulant sinon joomla je connais pas

http://bormat2.free.fr/wordpress4/
http://demos.mootools.net/Mouseenter
http://jquery.bassistance.de/accordion/demo/?p=1.1.1
0

Discussions similaires