تغییر ظاهری منوهایی که از یک ماژول استفاده کردن

[alihz2006 1]

سلام دوستان

این دموی سایت منه

zonouz.x10.bz

از ماژول منوی آکاردئونی استفاده کردم

می خوام رنگ یکی از منو ها با منوی دیگه فرق کنه

لطفا توضیح بدید که چطوری باید css رو ویرایش کنم

این کد css ماژوله

/**
* @version		$Id: $
* @author		Nguyen Dinh Luan
* @package		Joomla!
* $subpackage	Accordion Menu Lite
* @copyright	Copyright (C) 2008 - 2011 Joomseller Solutions. All rights reserved.
* @license		GNU/GPL http://www.gnu.org/licenses/gpl-3.0.html, see LICENSE.txt
* This file may not be redistributed in whole or significant part.
*/


dl.accordion-menu {
margin: 0;
padding: 0;
width: 190px;
font-size:12px;
line-height:16px;
margin-left:2px;
background:#fff;
}

dl.accordion-menu li,
dl.accordion-menu ul.ojaccordionmenu_yaho li.oj-accord_li {
list-style:none;
background:none;
}

dl.accordion-menu a {
text-decoration:none;
}

dl.accordion-menu .a-m-t {
margin:0;
background-image:url(../img/menu_bg.gif);
background-position:100% 0;
background-repeat:no-repeat;
height:32px;
line-height:32px;
padding:0 0 0 20px;
}

dl.accordion-menu li.a-m-t:hover,
dl.accordion-menu .a-m-t-hover {
background-position:100% -32px;
}

dl.accordion-menu .a-m-t.active {
background-position:100% -64px;
}

dl.accordion-menu .a-m-t-down{
background:#fff;
}


html.accordion-menu-js .a-m-t{
cursor:pointer;
zoom:1;
}

html.accordion-menu-js .a-m-t a{
color:#fff;
text-decoration:none;
}

dl.accordion-menu .a-m-d {
margin: 0;
padding: 0;
padding:0;
}

html.accordion-menu-js .a-m-d{
display:none;
}


html.accordion-menu-js .a-m-d-expand {
display:block;
border:1px solid #A1C67B;
border-top:0;
border-bottom:0;
}

html.accordion-menu-js .a-m-d-before-expand {
display:block;
position:relative;
z-index:-1;
opacity:0;
height:auto !important;
visibility:hidden;
overflow:visible;
}


html.accordion-menu-js .a-m-t-expand {
color:#d2eeff;
}

html.accordion-menu-js .a-m-d-anim {
overflow:hidden;
display:block;	
}

dl.accordion-menu .a-m-d .bd{
margin:0px;
padding:0px;
}

/* Link style */
div.bd ul.ojaccordionmenu_yaho {
list-style:none;
margin:auto;
padding:0;
}

div.bd ul.ojaccordionmenu_yaho li {
margin:0;
border-left:10px double #A1C67B;
background:none;
padding:0;
}

div.bd ul.ojaccordionmenu_yaho li a {
padding:2px 0 2px 10px;
border-bottom:1px solid #A1C67B;
font-weight:normal;
color:#000;
display:block;
}

div.bd ul.ojaccordionmenu_yaho li a:hover {
background: #d5e5c1;
}

div.bd ul.ojaccordionmenu_yaho li a.sub_active {
color:#990000;
font-weight:bold;
}

[صدرا حسابی 3]

به نظرم از SWmenu حالت آکاردئونیش استفاده کنید در اون می تونید به راحتی برای هر کدوم از قسمت های منو پس زمینه یا عکس جدا در نظر بگیریرد.

[دفاعی 872]

سلام

این منو از عکس زیر استفاده می کنه

http://zonouz.x10.bz/modules/mod_accordionmenu_lite/assets/img/menu_bg.gif

پس نمی تونید برای هر منو یه رنگ بذارید چون ماژول از این عکس داره استفاده می کنه

بهتره از راه حلی که آقای حسابی گفت استفاده کنی

[امیر فدایی 0]

شما باید آشنا به فتوشاپ باشی.این عکس را پیدا و یه عکس دیگه به همین اندازه درست کنید و سه قسمت را با توجه به موقعیشون رنگ دلخواه بسازید و با همین فرمت به جای عکس قبلی سیو کنید