پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: Sub Menu
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
صفحه‌ها: 1 2
سلام
من از منو آبشاری استفاده میکنم در یک سایت استفاده کرده بودم که وقتی ساب منو باز میشه کل طول صفحه رو گرفته
نمونه:

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



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

اونی که من الان دارم این شکلی میشه . -قایل پیوست شده
اگر دقیقاً میخواید همینطوری باشه ؛ ساده ترین روشش اینه که کدهای menu.css همون نمونه که قبلا ً انجام دادی رو کپی کنی توی این وبسایتت .

البته قبلی از Maxi Menu CK استفاده شده ، اگر اینم همون منو هست که فایلش رو کلا ریپلیس کن ( قبلش از menu.css ) یه کپی بگیر حتما !

اگر هم میخای دنبال کدهاش بگردی باید ببینی چه جاهایی چه مقدار عرض دادی ، مثلا باید دنبال کلاس ساب منو باشی ، یه قسمت width:900px گذاشتی که تمام زیر منوهات عرضشون 900 پیکسل شده ؛ حالا باید ببینی آیتم ها چطورن .
فکر میکنم اونها رو هم روی 100% باید بزاری
مرسی دوست عزیز.

ماژول اون منو با این منو فرق میکنه . اون منو خودش تقریبا پیش فرض اینطوری بود من یکم دستکاریش کرده بودم .
ولی با این هرچی کد زیر و رو میکنم نمیشه . ---فایل پیوست شده---

با کد سی اس اس پوزیشن و دیسپلی مشکل حل نمیشه . چون فکر کنم با همینا درست شده بود!!!!
راستش رو بخای من زیاد با کد نویسی آشنا نیستم ، از تو تصویر هم که کلا ً نمیشه راهنمایی کرد .

چیزی که تو تصویر میبینم مگا منو هست ، اون ماژولش مکسی منو بود ؛ من یه کاری میکنم برات .

ماژول مکسی منو به همراه قالب ها و پلاگین هاش رو برات میفرستم ، شما اول از سایتت بک اپ بگیر ، بعد این ماژول منو رو نصب کن و جایگزین اون کن ؛ بعد هم کدهای اونو بردار و بزار جای این .
شاید کارت راه بیوفته
مرسی از لطفت.

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

بازم ممنون.

اگر راهنمایی کنید ممنون میشم.
خب ممکنه با روشهای مختلف و کدهای مختلف بشه درستش کرد ولی اول باید دموی منوی جدید رو بدی .
بیشتر از یکی دو تا کد هست به هر حال . مگه اینکه تموم عناصر رو با هم یک جا عرض بدی . مثلا عرض منوی اصلی رو با تگ بادی یک جا بدی
لوکال هاست هست.
آپلود نکرددم هنوز.

باشه امتحان میکنم.
لطفا یکی کمکم کنه.

سایت رو آپلود کردم.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


چطوری و با چه کد هایی میتونم ساب منو ها را به شکل این سایت بکنم؟

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
با سلام
اینم کد کامل منوی شما
کد:
#right-column .module_menu h3 {
    background: rgba(0, 0, 0, 0) url("../images/h3.jpg") no-repeat scroll 0 0;
    height: 43px;
    text-align: center;
}
.module_menu ul li {
    background: rgba(0, 0, 0, 0) url("../images/botun.jpg") no-repeat scroll center center;
    height: 39px;
    margin-right: 13px;
    text-align: center;
    width: 169px;
}
.module_menu ul li *:hover, .module_menu ul li *:focus, .module_menu ul li *:active {
    background: rgba(0, 0, 0, 0) url("../images/botun-h.jpg") no-repeat scroll center center;
    height: 39px;
    width: 169px;
}
.module_menu ul li a {
    display: block;
    font-family: "alvi Nastaleeq";
    font-size: 13pt;
    line-height: 27px;
    padding-top: 0;
    text-align: center;
}
.modulelang {
    margin-top: -11px;
    padding-left: 5px;
}
.modulelang select {
    background: #696969 none repeat scroll 0 0;
    border: 1.2px solid #525151;
    color: #fafafa;
}
div#maximenuck ul.maximenuck {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
div#maximenuck ul.maximenuck li.parent.level1 > a, div#maximenuck ul.maximenuck li.parent.level1 > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 13px !important;
    margin-bottom: -20px !important;
}
div#maximenuck ul.maximenuck li.parent.level1 > a {
}
#maxiroundedcenter ul li a {
    height: 13px !important;
    line-height: inherit;
}
div#maximenuck ul.maximenuck li.level1 {
    background-image: none !important;
    border-left: 1px solid #eeeeee;
    height: 13px;
    padding: 0;
}
div#maximenuck ul.maximenuck::after {
    background: red none repeat scroll 0 0;
}
#maximenuck {
    margin-top: -17px;
    width: 926px;
}
.maxipushdownck {
    margin-top: -15px;
}
div#maximenuck div.floatck {
    background-color: #424040;
    border: 1px solid #696969;
}
.maxiroundedcenter {
    padding-left: 180px;
}
div#maximenuck ul.maximenuck li.level1 > a span.titreck, div#maximenuck ul.maximenuck li.level1 > span.separator span.titreck {
    color: #e2e2e2;
    font-size: 12px !important;
    height: 13px;
    line-height: inherit !important;
    padding: 5px;
    text-align: left;
}
#maxiroundedcenter ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
div#maximenuck ul.maximenuck2 li.maximenuck {
    background: rgba(0, 0, 0, 0) url("../images/listmenu.jpg") no-repeat scroll left center;
    border-bottom: 1px solid #505050;
    direction: ltr;
    height: 25px;
    padding-left: 20px;
    text-align: left;
    width: 900px;
}
div#maximenuck ul.maximenuck2 li a.maximenuck, div#maximenuck ul.maximenuck2 li span.separator {
    border: medium none;
    clear: both;
    display: block;
    text-align: left;
}
#maximenuck div div {
}
#menu {
    z-index: 20;
}
#joomina_wrapper {
    z-index: 10;
}
#mainlevelmainnav li.sfhover ul, #mainlevelmainnav li li.sfhover ul, #mainlevelmainnav li li li.sfhover ul {
    left: auto;
    right: 0;
    z-index: 6000;
}
#mainlevelmainnav li li.sfhover {
}
#mainlevelmainnav {
    direction: rtl;
    position: relative;
    text-align: right;
    width: 625px;
}
#mainlevelmainnav ul li {
    list-style: outside none none;
}
#mainlevelmainnav .moduletable {
    margin: 0;
}
#mainlevelmainnav ul {
    margin: 0;
    padding: 0;
    width: auto;
}
#mainlevelmainnav ul li {
    float: right;
    margin: 0;
    padding: 14px 0 5px;
    position: relative;
}
#mainlevelmainnav ul li a {
    background-position: 0 9px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    color: #666;
    display: block;
    font-weight: 900;
    padding: 4px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#mainlevelmainnav ul li li a {
    border: medium none;
    color: #000;
    margin: 0;
    padding-right: 5px;
}
#mainlevelmainnav ul li a:hover {
    color: #124f8e;
    text-decoration: none;
}
#mainlevelmainnav ul li li a:hover {
    background: rgba(0, 0, 0, 0) url("../images/backmenu.png") repeat scroll 0 0;
    color: #000;
    text-decoration: none;
}
#mainlevelmainnav ul li .active {
    color: #f90;
}
#mainlevelmainnav ul li ul {
    background-color: #666;
    display: block;
    height: auto;
    left: -999em;
    position: absolute;
    width: 14em;
    z-index: 99;
}
#mainlevelmainnav ul li ul ul {
    margin: -40px 14em 0 0;
}
#mainlevelmainnav ul li li, #mainlevelmainnav li li.sfhover {
    border-bottom: 2px solid #333;
    padding: 0;
    width: 14em;
}
#mainlevelmainnav ul li li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ccc;
    display: block;
    text-transform: none;
}
#mainlevelmainnav ul li ul {
    left: -999em;
}
#mainlevelmainnav ul li:hover ul ul, #mainlevelmainnav ul li:hover ul ul ul, #mainlevelmainnav li.sfhover ul ul ul {
    left: -999em;
}
#mainlevelmainnav ul li:hover ul, #mainlevelmainnav ul li li:hover ul, #mainlevelmainnav ul li li li:hover ul {
    left: auto;
}

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

از بین این کدها کدوم یکی را استفاده کنم؟ تکت هم امتحان کردم منتها جواب نداد.

واقعا کدی نیست که این کار رو بشه کرد.!!؟؟؟
صفحه‌ها: 1 2
لینک مرجع