راهبران

در قسمت ارث بری پارامترها از رو انتخاب به مجموعه تنظیم شده قرار بده

برای طراحی منو چه افقی و چه عمودی کافیست با افزونه فایر باگ و یا 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:

از دکمه های بوت استرپ استفاده شده. Base · توییتر بوت‌استرپ از فایلش استفاده کنید

مشکل از اینکه این از مروگر پیش فرض جوملا استفاده می کنید و به این صورت ادرس های تصاویر به صورت خودکار نسبی می شوند و وقتی ارسال می شه این ادرس های نسبی ارسال می به طور مثال به جای : http://joomlaforum.ir/image.php?u=24&dateline=1327012594 این را ارسال می کنه /image.php?u=24&dateline=1327012594 که باعث می شه در ایمیل نشون داده نشه. برای اینکار به تنظیمات جوملا رفته نوع ویرایشگر را کد نگار قرار دهید و سپس به ارس فرم و قالب ایمیل رفته و ادرس های تصاویر را به صورت دستی ادرس ها را مطلق کنید.حل می شه به این صورت