آموزش ساخت منوی آبشاری( کاملا rtl) با بی نهایت زیر مجموعه برای جوملا

[paeez77 1]

[attachment=74]

از سایت http://www.avadesigner.com تشکر میکنم که سورس برنامه را به منظور استفاده در صفحات html برای دانلود قرار دارند.

1-ابتدا فایلava.zip را که در بالا قرار داده شده است را دانلود نموده و از حالت زیپ خارج نموده و دو فایل ava.min.pack.js و jquery.min.js را در پوشه js و فایل ava.css را در پوشه css و تصاویر را در پوشه images قالب ذخیره کنید دقت کنید که در فایل ava.min.pack.jsدو تصویر برای نشان دادن زیر منوها قرار داده شده است که شما می بایست آنرا ویرایش نموده و اسم قالب خود را به جای Silver_Bussiness_CSS_Template قرار دهید(البته این کار خیلی ضروری نیست ولی ie با این مساله مشکل دارد و عکس ضربدر را به جای تصویر نشان میدهد)

2-کد زیر را در تگ

کپی نمایید

البته دقت کنید که در کد فوق دو عدد 300 وجود دارد که اولی سرعت باز شدن منو و دومی سرعت بسته شدن منو می باشد که قابل تغییر است

3- کد را در قالب index پیدا نموده و کد زیر را جایگزین نمایید

4- کار تمام است فقط گزینه نمایش زیر منوها در ماژول mainmenu فعال باشد

5- دوستانی که با jquery کار میکنند اگر برای بازشدن منوها افکت بگذارند که خیلی عالی است

با تشکر از سایت جومینا

[hami2120 1]

!سلام.ما که کدی نمیبینیم.شما اگه دیدین به ما هم بگید

[paeez77 1]

کد خط اول بین تگ

head

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ava.css" type="text/css"  />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/ava.min.pack.js"></script>
<script type="text/javascript">
	ava.load({
		menuid: "ava1",
		entrytime: 300,
		outtime: 300
	})
</script>

کد خط دوم:

<div id="ava1">

        <jdoc:include type="modules" name="mainmenu" style="none" />
	</div>