سوال در مورد منوی اصلی

[majid19]

سلام خدمت دوستان عزیز

من در منوی اصلی سایت که بالای سایت قرار دارد 6 تا منو داشتم وقتی که منوی بعدی رو اضافه کردم توی همون سطر قرار نگرفت و به پایین رفت

مشکل کجاست و چطوری میشه این مشکل رو حل کرد

و

آیا امکان داره من کل منو ها را به وسط سایت بیارم

ممنون

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

[صدرا حسابی]

سلام

در template.css این کدها ر اضافه کن:

کد: (انتخاب همه)

.rt-container .rt-grid-6.rt-omega {
    width: 600px;
    float: left;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 200px;
    float: right;
}

width: 600px; برای منو هست به هر مقدار که می خوای تغییر بده به نظرم من همین قدر خوبه.

[سعید حمزه زاده]

دوست عزیز ربطی به منو نداره، در قالب شما عرض موقعیت منو همونقدر تعریف شده

باید عرض موقعیت منو رو افزایش بدید

[majid19]

(۱۱-۷-۱۳۹۱ ۱۰:۵۴ عصر)صدرا حسابی نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
سلام

در template.css این کدها ر اضافه کن:

کد: (انتخاب همه)

.rt-container .rt-grid-6.rt-omega {
    width: 600px;
    float: left;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 200px;
    float: right;
}

width: 600px; برای منو هست به هر مقدار که می خوای تغییر بده به نظرم من همین قدر خوبه.

کد ها رو اضافه کردم و مقدار رو تغییر دادم ولی اتفاقی نیفتاد

[محمدرضا بهارلو]

دوست عزیز
به این مسیر برو

کد: (انتخاب همه)

templates/rt_omnicron/css/fusionmenu.css

خط 14
این کد را پیدا کن

کد: (انتخاب همه)

.menutop {
    display: inline-block;
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0 6px;
    position: relative;

}

و با این جایگزی کن

کد: (انتخاب همه)

.menutop {
    display: inline-block;
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0 6px;
    position: relative;
    width: 600px;
}

درست میشه البته از کادر میزنه یون
باید یه فکری به حال کادرت کنی که کد نیست

موفق و پیروز باشید

[صدرا حسابی]

همین راهی که گفتم جواب می ده دوباره تست کردم و کار دیگه ای لازم نیست انجام بدید، با بزرگ شدن اون موقعیت منو خود به خود جای خودش رو پیدا می کنه،
دلیلش رو پیدا کردم الان فایل template.css تون رو دیدم، شما این کدهارو اضافه کردید:

کد: (انتخاب همه)

div#rt-main .rt-grid-4 {
    background: url("../images/bg-title-box.png") no-repeat scroll 0% 5% transparent;
    
    
    .rt-container .rt-grid-4 {
    height: 290px;
}

.rt-container .rt-grid-6.rt-omega {
    width: 700px;
    float: center;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 400px;
    float: right;
}

اول این که همون طور که نوشتم float رو left بزارید و نه center، و اینکه دستورات آخر خونده نمی شن دلیلش این که فراموش کردید این کد رو ببندید:({)

کد: (انتخاب همه)

div#rt-main .rt-grid-4 {
    background: url("../images/bg-title-box.png") no-repeat scroll 0% 5% transparent

;


تنها کاری که لازمه بکنید این چند خط که گفتم رو با این جایگزین کنید:

کد: (انتخاب همه)

div#rt-main .rt-grid-4 {
    background: url("../images/bg-title-box.png") no-repeat scroll 0% 5% transparent;
}    
    
    .rt-container .rt-grid-4 {
    height: 290px;
}

.rt-container .rt-grid-6.rt-omega {
    width: 700px;
    float: left;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 400px;
    float: right;
}

توجه داشته باشید در هنگام کدنویسی و تغییر دادن از این خطاها رخ نده چون پیدا کردنش بعضی اوقات مشکل می شه.

[majid19]

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

[صدرا حسابی]

دلیلش اینه که آقا مجید کامل کپی نکردید این کدی که من دادم رو کدی که شما قرار دادید در پایین template.css اینه:

کد: (انتخاب همه)

div#rt-main .rt-grid-4 {
    background: url("../images/bg-title-box.png") no-repeat scroll 0% 5% transparent;
}    
    
    .rt-container .rt-grid-4 {
    height: 290px;
}

.rt-container .rt-grid-6.rt-omega {
    width: 600px;
    float: left;

ولی باید این رو وارد کنید:

کد: (انتخاب همه)

div#rt-main .rt-grid-4 {
    background: url("../images/bg-title-box.png") no-repeat scroll 0% 5% transparent;
}    
    
    .rt-container .rt-grid-4 {
    height: 290px;
}

.rt-container .rt-grid-6.rt-omega {
    width: 700px;
    float: left;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 400px;
    float: right;
}

دلیلش اینه که این کد باکس اسکرول می خوره و باید کامل کد رو انتخاب کنید، ولی شما همون قسمت که فقط بدون اسکرول دیده می شرو کپی کردید.

[majid19]

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

[صدرا حسابی]

بله درست می گید، دو تا کدی که در آخر دادم مشابهش در فوتر هست و باید محدود تر شه، این دو تا کد رو پاک کنید:

کد: (انتخاب همه)

.rt-container .rt-grid-6.rt-omega {
    width: 700px;
    float: left;
}
.rt-container .rt-grid-6.rt-alpha {
    width: 400px;
    float: right;
}

و با این ها جایگزین کنید:

کد: (انتخاب همه)

#rt-header .rt-container .rt-grid-6.rt-omega {
    float: left;
    width: 600px;
}
#rt-header .rt-container .rt-grid-6.rt-alpha {
    float: right;
    width: 400px;
}