ایجاد منوی آبشاری برای قالب مثل قالب فعلی جومینا(نسخه 5)

[عبدالله عصمتی 35]

سلام

برای این کار ابتدا یک فایل در سی اس اس ایجاد کنید به نام menu.css

بعد داخل اون این کد ها رو بنویسید

div#lava {
   height:36px;
font-family:tahoma;direction:rtl;
text-align:right;
right:0


}

div#lava ul {
   margin: 0;
   padding: 0;
   list-style: none;


}
div#lava ul li {
float:right}
div#lava ul.lava {
   padding-right: 5px;
}

div#lava li {
   position: relative;
   z-index: 9;
   margin: 0;
   padding: 0 5px 0 5px;
   display: block;
   float: right;

}
div#lava li:hover>ul {
   right: -2px;
}

div#lava a {
   position: relative;
   z-index: 10;
   height: 36px;
   display: block;
   float: left;
   line-height: 36px;
   text-decoration: none;
   font: normal 12px tahoma;
direction:rtl;
text-align:right
}
div#lava a:hover, div#lava a:hover span { color: #fff; }
div#lava li.current a {}

div#lava span {
   display: block;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: 95% 0;
}
div#lava ul ul a.parent span {
   background-position:95% 8px;
   background-image: url(../images/item-pointer.gif);
}
div#lava ul ul a.parent:hover span {
   background-image: url(../images/item-pointer-mover.gif);
}

/* lava::level1 */
div#lava a {
   padding: 3px 10px 0 10px;
   line-height: 30px;
   color: #666;
}
div#lava span {
   margin-top: 0px;
}/**@replace#1*/

div#lava li.last { background: none; }

/* lava::level2 */
div#lava ul ul li { background: none;	direction:rtl;
text-align:right;
padding:4px 0;
border-bottom: #09C 1px solid;
background-image:url(../images/item-pointer.gif);
background-position:right;
background-repeat:no-repeat;
color:#FFF

}
div#lava ul ul li:hover {
background-color: #F60}
div#lava ul ul {
   position: absolute;
   top: 36px;
   left: -999em;
   width: 163px;
   padding: 0px ;
   background: #FFF;
   margin-top:1px;	direction:rtl;
text-align:right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}
div#lava ul ul a  span {
color:#FFF}
div#lava ul ul a {
   padding: 0 15px 0 0;
   height: auto;
   float: none;
   display: block;
   line-height: 24px;
   color: #003;
}
div#lava ul li ul li a {    color: #FC0;
}

div#lava ul ul span {
   margin-top: 0;
   padding-right: 15px;
   _padding-right: 20px;
  color: #FC0;
right:0;
direction:rtl;
text-align:right
}
div#lava ul ul a:hover span {
   color: #fff;
}
div#lava ul ul li.last { background: none; }
div#lava ul ul li {
   width: 100%;
}

/* lava::level3 */
div#lava ul ul ul {
   padding: 0;
   margin: -38px 163px 0 0 !important;
 margin-right:172px;

}
div#lava a {
color:#FFF}

/* colors */
div#lava ul ul ul { background: rgb(36,36,36); }
div#lava ul ul ul ul { background: rgb(38,38,38); }
div#lava ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#lava li.back {
   background: url(../images/lava.png) no-repeat right -44px !important;
   background-image: url(../images/lava.gif);
   width: 13px;
   height: 44px;
   z-index: 8;
   position: absolute;
   margin: -1px 0 0 -5px;
}
div#lava li.back .left {
   background: url(../images/lava.png) no-repeat top left !important;
   background-image: url(../images/lava.gif);
   height: 44px;
   margin-right: 8px;
}

حالا ماژول منو را داخل دایو آن قرار دهید به طور مثال:

خوب حالا به فایل template.css بروید و این کد را به اولش اضافه کنید

@import url(menu.css);

حالا این عکسها را در پوشه images اضافه نمایید

خوب تمام شد.

حالا در فایل xml فایل منو را وارد نمایید.

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

اگه براتون کار نکرد به تنظیمات ماژول بروید و نحوه نمایش منو را روی لیست قرار بدهید

لطفا هر کسی که از این آموزش لذت برد و نیازشو بر طرف کرد بر روی دکمه تشکر کلیک کند یا اینکه اعتبار بدهد . سپاسگزارم .:thankyou:

[امیررضاتهرانی 612]

درود بر شما

همه جا این منو کار میکنه غیر از ie6

[عبدالله عصمتی 35]

چی توی ie6 کار می کنه

:thankyou:

[عبدالله عصمتی 35]

سلام با تشکر از همه

می خواستم ببینم برای افکت چکار باید کرد؟ در جومینا یک فایل menu.js هست.من اول فایل index.php این کد را می زارم اما درست نمیشه اگه دوستان راهنمایی کنند متشکر می شم

با آرزوی موفقیت برای همه اعضا:thankyou:

[دفاعی 872]

سلام

عبدالله جان

کد جاوا مربوط به ماژول منو هستش واسه همینه که اونجوری کار نمی کنه

اون کدی که شما نوشتی برای فراخوانی فایل جاوا برای قالبه واسه همین برای ماژول منو کار نمی کنه

برای آدرس دهی کدجاوا برای ماژول باید به کد جاوا تو فایل default.php در پوشه tmp ماژول لینک بدی

به این لینک یه نگاه بنداز

http://forum.joomina.ir/thread-5728.html

موفق باشی

[امیررضاتهرانی 612]

آقا بیخیال چه گیری به منو جومینا دادیا