آبشاری کردن منو

[matrix2 0]

سلام دوستان

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

بنده نمیخوام از ابتدا منو طراحی کنم بلکه قصد دارم فقط خاصیت آبشاری رو به منویی که دارم اضافه کنم.

یعنی شکل و طرح و رنگ و همه چیز منویی که دارم خوبه فقط خاصیت آبشاری نداره.

آیا خاصیت آبشاری در وردپرس ، کدهای مشخص و رایجی داره؟ همچین آموزشی ندیدم که فقط این قسمت رو توضیح بده.

از قالب eGallery از شرکت الگانت تمز استفاده میکنم که در زیر پیوست کردم. اگر امکانش هست بفرمایید به کدوم فایل و کدوم قسمت ، چه کدهایی باید اضافه کنم؟

امکان داره راهنمایی بفرمایید؟

egallery-v4.0.zip

[Pois0nous 105]

براي منو از تو كد ها تنظيم شده يا با فهرسته؟

اگه فهرسته كه با موس درگشون بكنيد كمي چپ تر دراپ كنيد درسته ميشه!

اگر كد هست بوت استرپ خيلي كمكتون مي كنه!

[Rohani 389]

html {
direction:rtl;
}
.nav {
background:#444;
}
/*.nav ul */
.nav ul {
list-style:none;
margin:0px;
padding:0;
}
.nav ul li ul {
position:absolute;
width:200px;
background:#333;
display:none;
z-index:9999999;
box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
-o-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-khtml-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
}
.nav ul li ul li ul {
background:#900;
margin-right:190px;
margin-top:-28px;
}
.nav ul li ul li ul li ul {background:#041;}
.nav ul li ul li ul li ul li ul{background:#026;}
.nav ul li ul li ul li ul li ul li ul {background:#520;}
.nav ul li:hover ul,
.nav ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{display:block;}
.nav ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li:hover ul li ul,
.nav ul li:hover ul li:hover ul li:hover ul li:hover ul li ul
{display:none;}
.nav ul>li {
  display:inline-block;
  padding:0;
  margin:0;
  border-left:1px #333 solid;
  white-space:nowrap;
position:relative;
}
/*.nav ul li*/
.nav ul li ul li {
display:block;
width:200px;
}
.nav ul li:hover {
background:#333;
}
.nav ul li ul li:hover {
background:#900;
}
.nav ul li ul li ul li:hover {
background:#041;
}
.nav ul li ul li ul li ul li:hover {
background:#026;
}
.nav ul li ul li ul li ul li ul li:hover {
background:#520;
}
.nav ul li ul li ul li ul li ul li ul li:hover {
background:#603;
}
/*.nav ul li a */
.nav ul li a {
display:block;
padding:5px 10px;
margin:0;
color:#bbb;
text-decoration:none;
}
.nav ul li a:hover {
color:#fff;
}