راهنمایی برای تبدیل منو برای استفاده در جوملا

[niloofar 12]

دوستان عزیز من یک منو css3 هستش که نمی دونم چطور باید تبدیلش کنم به منو برای جوملا.که همین استایل برای همه قسمتهاش تعریف بشه.

http://jupload.ir/do.php?filename=joomlaforum.ir_13526688241.zip

پیشاپیش از راهنمایی هایتان کمال تشکر را دارم.

[blazhel 16]

دوست عزیز اگر میخواهید این منو رو به جوملا تبدیل کنید یعنی منظورتون اضافه کردن این منو به قالب بصورت کد نویسی است

برای اینکه مگا منو داشته باشید پیشنهاد استفاده از افزونه های مگا منو است چون کد نویسی مگا منو در خود قالب سخت است اما اگر میخ واهید همین منو رو بصور ساده بصورت زیر منو داشته باشید می شه در کد نویسی تبدیل کرد

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

[niloofar 12]

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

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

با تشکر.

[niloofar 12]

دوستان کسی میتونه کمک کنه؟؟/

[joom 11]

سلام

میشه توضیح بدید چطوری منو آبشاری باید ساخت من اصلا بلد نیستم و خیلی دوست دارم یاد بگیرم

ممنون

[Abbas_Afshar 15]

با سلام.

برای ساخت منوی آبشاری سری به لینک زیر بزنید، باز اگر مشکلی داشتید مطرح کنید.

http://docs.joomla.org/Creating_a_CSS_Drop_down_Menu

برای پیاده سازی استایلی که گذاشته بودید نیز باید ابتدا در template.css قالبتون بگردید و استایل های مربوط به منوهاتون رو پیدا کنید.

حالا باید بگردید بین اون استایل ها که پیدا کردید ببنید کدومشون با استایل های جدید که توی فایلی که گذاشته اید هستند، مشابهت دارند و جایگزین کنید.

مثلا فرض کنید قبلا استایل زیر رو داشته باشید:

#menu ul li a:hover {

margin: 10px;

backgroundcolor: white;

}

حالا باید استایل جدید رو اضافه کنید یعنی:

ul.ldd_menu ul li a:hover{

-moz-box-shadow:0px 0px 2px #333;

-webkit-box-shadow:0px 0px 2px #333;

box-shadow:0px 0px 2px #333;

background:#AF412B;

}

که در نهایت می شه:

#menu ul li a:hover{

-moz-box-shadow:0px 0px 2px #333;

-webkit-box-shadow:0px 0px 2px #333;

box-shadow:0px 0px 2px #333;

background:#AF412B;

}