تعریف استایل برای زیر منو

[AHK95 10]

دوستان میخوام تو قالب برای زیر منو css تعریف کنم میخوام ببینم استایل پیشفرض زیر منو چیه؟

[Abbas_Afshar 15]

سلام.

یه سری به این لینک بزن. هر چیزی بخوای در رابطه با استایل زیر منو توش هست.

http://docs.joomla.org/Creating_a_CSS_Drop_down_Menu

[AHK95 10]

آقا اگه امکانش هست خودتون یه توضیح بدید فکر کنم اونجا چیزی که من میخوام رو نداشت

[Abbas_Afshar 15]

حتما.

اول از همه موقعیت منو رو در فایل index.php باید به صورت زیر تعریف کنی:

<div id="menu">

<div id="mainlevelmainnav">

<jdoc:include type="modules" name="menu"/>

</div>

</div>

حالا باید بری توی فایل template.css و کدهای زیر که همشون در اون لینکی که گذاشته بودم وجود داشت رو قرار بدی:

#menu{ /* The columns that gets dropped down over yours might be different. */

z-index:20;

}

#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {

left:auto;

z-index:6000;

right:0;

}

#mainlevelmainnav{

width:750px;

position: relative;

direction:rtl;

text-align:right;

}

#mainlevelmainnav ul li { list-style:none;}

#mainlevelmainnav .moduletable{

margin:0;

}

#mainlevelmainnav ul{

margin:0;

padding:0;

padding-left:10px;

width:auto;

}

#mainlevelmainnav ul li{

margin:0;

padding:0px 12px 0px 0;

float:right;

position:relative;

height:40px;

background-position:100% 8px;

background-repeat:no-repeat;

}

#mainlevelmainnav ul li a{

color:#f0a235;

text-transform:uppercase;

padding:4px;

padding-right:10px;

padding-left:10px;

display: block;

text-decoration:none;

font-weight:800

}

#mainlevelmainnav ul li li a{

border:none

}

#mainlevelmainnav ul li a:hover{

text-decoration:none;

color: #d2800c

}

#mainlevelmainnav ul li li a:hover{

text-decoration:none;

color: #F90

}

#mainlevelmainnav ul li .active {color: #F90}

#mainlevelmainnav ul li ul {

display:block;

height:auto;

width: 20em;

position:absolute;

z-index:99;

right: -999em;

background-color: #9b7824;

margin-top:14px

}

#mainlevelmainnav ul li ul ul {

margin: -40px 14em 0 0;

}

#mainlevelmainnav ul li li a{

color: #402e03;

text-transform:none;

display: block;

background:none;

font-weight:800;

}

#mainlevelmainnav ul li ul {

right: -999em;

}

#mainlevelmainnav ul li:hover ul ul, #mainlevelmainnav ul li:hover ul ul ul, #mainlevelmainnav li.sfhover ul ul ul {

right: -999em;

}

#mainlevelmainnav ul li:hover ul, #mainlevelmainnav ul li li:hover ul, #mainlevelmainnav ul li li li:hover ul {

right: auto;

}

بعدم بری از قسمت مدیریت ماژول منو، گزینه ی نمایش زیر منو رو فعال کنی و با استفاده از firebug به هر کجاش که دوست داشتی

استایل لازم رو بدی. شامل عکس و رنگ و فونت و غیره.

[AHK95 10]

ممنون که توضیح دادید حالا تست میکنم