برای طراحی منو چه افقی و چه عمودی کافیست با افزونه فایر باگ و یا webDeveloper چک کنید ببیند اون منو در کدام قسمت یا Div قرار دارد . بعد خیلی راحت کدهای بیسک در ارتباط با منو در سایتهای مختلف وجود دارد ... فقط حتما به این موضوع توجه کنید که داخل تگهای li هیچ کلاس یا آی.دی دیگری قرار نگرفته باشد .
تا اونجا که میدونم و عقلم بهم میگه منو های موجود در قالب جوملا فک کنم با کلاس ul.menu شروع می شود ... شما فقط کافیست در طراحی قالب یک DIV قرار دهید و کد ماژول زیر را قرار دهید ::
<div id="topmenu">
<jdoc:include type="modules" name="topmenu" style="xhtml" />
</div>
حال در کدهای سی.اس.اس به صورت زیر عمل کنید ::
#topmenu ul.menu{list-style-type: none; height: 40px; padding: 0; margin: 0;}
#topmenu ul.menu li { float:right; position: relative; padding: 0; line-height: 32px;margin-top:3px; }
#topmenu ul.menu li:hover { background-position: 0 -40px; }
#topmenu ul.menu li a { display: block; padding: 0 15px; color:#FFFFFF; text-decoration: none;-webkit-transition: background 1s,height 1s,color 1s; }
#topmenu ul.menu li a:hover { color:#FF6666; background:#666666; height:34px;}
#topmenu ul.menu li ul { opacity: 0; position: absolute; left: 0; width: 8em; background:#8B0017; list-style-type: none; padding: 0; margin: 0; }
#topmenu ul.menu li:hover ul { opacity: 1; }
#topmenu ul.menu li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
#topmenu ul.menu li:hover ul li { height: 30px; line-height: 30px; }
#topmenu ul.menu li ul li a { background: #8B0017;}
#topmenu ul.menu ul li a:hover { background:#790014; }
#topmenu ul.menu li { -webkit-transition: all 0.2s; }
#topmenu ul.menu li a { -webkit-transition: all 0.5s; }
#topmenu ul.menu li ul { -webkit-transition: all 1s; }
#topmenu ul.menu li ul li { -webkit-transition: height 0.5s; }
همیشه در قسمت اول کدهای CSS مربوط به منو که با menu. شروع شده یه ul هم کنارش قرار بده که بشه Ul.menu اما همیشه اینو به خاطر بسپار که حتما برای اینکه بگی منو های کدوم قسمت حتما از DIV کمک بگیر و در اول کدهات NameDIV# استفاده کن . چون اگر این کار نکنی جوملا همه منوهای موجود در سایتت رو به یک سی.اس.اس تقسیم میکند////
نکته : من کدهای پست دوم همین تاپیک کپی و پیست کردم و چک نکردم ببینم درست کار میکنه یا نه اما اصول کار بدین صورت است. این کدها داخل لوکال هم کار میکنه و اگر مشکلی وجود داره مشکل رو ذکر کنید تا بررسی بشود ...
موفق باشید . مهدی :25: