Question Aide pour modifier CSS module MErci

Plus d'informations
27 Juil 2010 09:20 - 27 Juil 2010 12:58 #1 par blink70v
Aide pour modifier CSS module MErci a été créé par blink70v
Bonjour, je souhaite modifier le CSS d'un module mais je ne suis pas assez expérimenté

J'utilise le skin par défaut du Top menu de joomla visible ici ( cabinetreile.fr) avec marqué accueil, news,biodiversité,modélisation et social/culturel. Ici tout va bien par contre quand vous allez sur les 3 dernier menu j'ai des sous menu et il no pas de CSS j'aimerai quil ai le même que le Top menu qui s'intègre bien.

Le module est mod_maximenu_CK ou je peux activer ou non le CSS ( actuellement il est désactivé car il est noir et donc ne va aps avec le site)

CSS du style par défaut :
/* horizontal pill menu */
table.pill {
margin-left: auto;
margin-right: auto;
padding: 0;
}
 
td.pill_l {
background: url(../images/mw_menu_cap_l.png) no-repeat;
width: 20px;
height: 32px;
 
}
 
td.pill_m {
background: url(../images/mw_menu_normal_bg.png) repeat-x;
padding: 0;
margin: 0;
width: auto;
}
 
td.pill_r {
background: url(../images/mw_menu_cap_r.png) no-repeat;
width: 19px;
height: 32px;
}
 
#pillmenu {
white-space: nowrap;
height: 32px;
float: left;
}
 
#pillmenu ul {
margin: 0;
padding: 0;
list-style:none;
}
 
#pillmenu li {
float: left;
background: url(../images/mw_menu_separator.png) top right no-repeat;
margin: 0;
padding: 0;
}
 
#pillmenu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float:left;
display:block;
height: 24px;
line-height: 24px;
padding: 0 20px;
color: #000;
text-decoration: none;
}
 
#pillmenu a#active_menu-nav {
margin-top:2px;
height: 21px;
line-height: 21px;
background-position: 0 0;
}
 
#leftcolumn {
padding: 0;
margin: 0;
width: 20%;
float:left;
}
 
#maincolumn,
#maincolumn_full {
margin-left: 20%;
padding-left: 15px;
width: 75%;
}
 
#maincolumn_full {
margin-left: 0;
padding: 0;
width: 100%;
}
 
table.nopad {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
margin-bottom: 15px;
}
 
table.nopad td.middle_pad {
width: 20px;
 
 
CSS du module si je l'active
 
div.maximenuCKH ul.maximenuCK {
clear:both;
position : relative;
z-index:8000;
}
 
 
div.maximenuCKH ul.maximenuCK > ul {
clear:both;
padding : 0;
margin : 0;
}
 
div.maximenuCKH ul.maximenuCK .moduletable {
 
}
 
div.maximenuCKH ul.maximenuCK li.maximenuCK {
float:left;
position:relative;
text-align : left;
padding : 0;
margin : 0;
}
 
div.maximenuCKH ul.maximenuCK li.maximenuCK img {
float:left;
}
 
div.maximenuCKH ul.maximenuCK li.maximenuCK a {
display:block;
float : none !important;
float : left;
position:relative;
}
 
div.maximenuCKH ul.maximenuCK2 li.maximenuCK a {
float : none !important;
}
 
div.maximenuCKH ul.maximenuCK li ul.maximenuCK2 {
display:block;
z-index:11000;
clear:left;
margin:0;
padding:0;
text-align : left;
position : static;
}
 
div.maximenuCKH ul.maximenuCK li ul li.maximenuCK {
text-align : left;
position : relative;
z-index : 11001;
padding:0;
 
}
 
div.maximenuCKH ul.maximenuCK li li.maximenuCK a {
display: block;
padding : 0;
margin : 0;
}
 
div.maximenuCKH div.maximenuCK2 {
float : left;
margin : 0;
padding : 0;
width : 180px;
}
 
div.maximenuCKH div.clr {
width : 100%;
clear : both;
height : 0px;
visibility : hidden;
}
 
/*** d�finit la position du bloc enfant ***/
div.maximenuCKH ul.maximenuCK li div.floatCK {
position : absolute;
left: -999em;
width : 180px;
padding : 0;
margin : 0;
}
 
div.maximenuCKH ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
margin : -30px 0 0 180px;
}
 
div.maximenuCKH div.floatCK ul, div.maximenuCKH div.floatCK ul li {
position : static;
height : 100%;
}
 
 
/*** ajouter les tailles des colonnes ***/
div.maximenuCKH ul.maximenuCK li div.cols2 {
width : 360px;
}
 
div.maximenuCKH ul.maximenuCK li div.cols3 {
width : 540px;
}
 
div.maximenuCKH ul.maximenuCK li div.cols4 {
width : 720px;
}
 
/*** mouvement des enfants au survol pilot� par css si mootools d�sactiv� ***/
div.maximenuCKH ul.maximenuCK li:hover div.floatCK div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK:hover div.floatCK div.floatCK,
div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK.sfhover div.floatCK div.floatCK {
left: -999em;
}
 
div.maximenuCKH ul.maximenuCK li:hover div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK li:hover div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK li:hover div.floatCK li:hover div.floatCK,
div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK li.sfhover div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK li.sfhover div.floatCK li.sfhover div.floatCK {
left: auto;
}
 
div.maximenuCKH div.maximenuCK_mod ul {
left : auto;
}
 
 
/*** effet fancy ***/
div.maximenuCKH li.background {
/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
z-index: 8;
position: absolute;
/*visibility: hidden;*/
}
 
div.maximenuCKH .background .left {
background: url('../images/fancy_bg.png') repeat-x top left;
height: 34px;
/*margin-right: 9px;*/ /* 7px is the width of the rounded shape */
}




Voila en espérant que quelqu'un puisse m'aider

Bonne journée
et merci
Dernière édition: 27 Juil 2010 12:58 par Peter. Raison: J'ai mis le code brut entre les balises pour éviter de surcharger le forum

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91Scottuxserge
Temps de génération de la page : 0.268 secondes