رفتن به مطلب

منوی بالای سایت


پست های پیشنهاد شده

دوستان سلام

منوی بالای یه قالب رو از سمت چپ به سمت راست آوردم

اما هر کاری می کنم نمی تونم زیر مجموعه ها رو هم بیارم

یعنی وقتی میخواد زیر منوی زیر منو رو باز کنه به سمت راست باز میشه در حالی که می خوام به سمت چپ باز شه

اینم کد مربوط به منو قالب

 .sf-menu ul {

margin: 0;

padding: 0;

list-style: none;

}

.sf-menu li ul {

top: -999em;

position: absolute;

z-index: 99999;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

top: 40px;

}

.sf-menu li:hover li ul,

.sf-menu li.sfHover li ul {

top: -999em;

}

.sf-menu li li:hover ul,

.sf-menu li li.sfHover ul {

top: 0;

left: 170px;

}

.sf-menu li li:hover li ul,

.sf-menu li li.sfHover li ul {

top: -999em;

}

.sf-menu li li li:hover ul,

.sf-menu li li li.sfHover ul {

top: 0;

left: 170px;

}

.sf-menu li {

float: right;

position: relative;

visibility: inherit;

}

.sf-menu li a {

float: right;

display: block;

}

.sf-menu li:hover li a,

.sf-menu li.sfHover li a {

width: 130px;

}

#main-navigation {

clear: both;

padding: 20px 0 0;

}

#main-navigation .sf-menu {

background: #192b43;

}

#main-navigation .sf-menu > ul > li:after {

width: 1px;

float: left;

margin: 15px 0 0;

content: "|";

display: block;

color: #666;

font-size: 1em;

font-family: Arial, Helvetica, sans-serif;

}

#main-navigation .sf-menu > ul > li:last-child:after {

display: none;

}

#main-navigation .sf-menu > ul > li:hover:after,

#main-navigation .sf-menu > ul > li.sfHover:after,

#main-navigation .sf-menu > ul > li.current_page_item:after,

#main-navigation .sf-menu > ul > li.current-menu-item:after {

color: #ff2828;

}

#main-navigation li a {

margin: 0 -2px 0 0;

padding: 0 20px;

color: #fff;

font-size: 1.2em;

font-weight: 400;

font-family: "Yanone Kaffeesatz", Adobe Arabic, Helvetica, sans-serif;

text-decoration: none;

text-transform: uppercase;

line-height: 50px;

}

#main-navigation li:hover ul,

#main-navigation li.sfHover ul {

top: 50px;

background: #ff2828;

}

#main-navigation li li:hover ul,

#main-navigation li li.sfHover ul {

top: 0;

border-left: 1px solid #fd4848;

}

#main-navigation li li {

border-bottom: 1px solid #fd4848;

}

#main-navigation li li a {

color: #ffabab;

}

#main-navigation li a:hover,

#main-navigation li.sfHover > a,

#main-navigation li.current_page_item > a,

#main-navigation li.current-menu-item > a,

#main-navigation li.current-menu-parent > a,

#main-navigation li.current-page-parent > a,

#main-navigation li.current-page-ancestor > a,

#main-navigation li.current_page_ancestor > a {

color: #fff;

background: #ff2828;

}

#main-navigation li:hover li a,

#main-navigation li.sfHover li a {

margin: 0;

padding: 10px 20px;

font-size: 1.1em;

text-transform: none;

line-height: normal;

}

#main-navigation li:hover li a:hover,

#main-navigation li.sfHover li a:hover {

background: #eb2121;

}

/* Small Navigation */

.nav-open,

.nav-close {

display: none;

color: #333;

font-size: 1.2em;

font-weight: 400;

font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;

text-decoration: none;

text-transform: uppercase;

line-height: 50px;

letter-spacing: 1px;

background: #060608;

}

@media only screen and (max-width: 60em) {

.nav-open {

display: block;

text-align: center;

}

#main-navigation:target > .nav-open {

display: none;

}

#main-navigation:target > .nav-close {

display: block;

text-align: center;

}

#main-navigation > .sf-menu {

position: relative;

text-align: left;

}

#main-navigation > .sf-menu > ul {

position: absolute;

top: 0;

left: 0;

width: 100%;

max-height: 0;

max-width: 16em;

overflow: hidden;

background: #333;

}

#main-navigation:target > .sf-menu > ul {

max-height: 400px;

}

#main-navigation > .sf-menu > ul > li {

float: none;

display: block;

border-bottom: 1px dotted #565656;

}

#main-navigation > .sf-menu > ul > li:after {

display: none;

}

#main-navigation li a {

float: none;

display: block;

color: #fff;

}

}

ویرایش شده توسط Morteza
لینک به ارسال

سلام اين كد ها خيلي اگه ميشه ي دمو انلاين بزار راحت بهت ميگم !‌

ولي معمولا اين طوري حل ميشه كه ي left:0px; هست بايد بكنيش right:0px; تا بچسبه به سمت راست !‌

حالا شما ي دمو بزاريد تا راحت تر بتونم كمك كنم !‌

لینک به ارسال

سلام اين كد ها خيلي اگه ميشه ي دمو انلاين بزار راحت بهت ميگم !‌

ولي معمولا اين طوري حل ميشه كه ي left:0px; هست بايد بكنيش right:0px; تا بچسبه به سمت راست !‌

حالا شما ي دمو بزاريد تا راحت تر بتونم كمك كنم !‌

مرسی دوست عزیز

این لینک دموی اصلی قالب هست

http://demo.athemes.com/hiero/

عذر خواهی می کنم دیر جواب دادم

ویرایش شده توسط nima-kian
لینک به ارسال

مرسی دوست عزیز

این لینک دموی اصلی قالب هست

http://demo.athemes.com/hiero/

عذر خواهی می کنم دیر جواب دادم

این کد ها را جایگزین کد های موجود در استایل قالب کنید


#main-navigation .sf-menu > ul > li:after {
color: #666666;
content: "|";
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
margin: 15px 0 0;
width: 1px;
}
.sf-menu li {
float: right;
position: relative;
visibility: inherit;
}
.sf-menu li a {
display: block;
float: right;
text-align: right;
}
.sf-menu li ul {
position: absolute;
right: 0;
top: -999em;
z-index: 99999;
}

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


.sf-menu li ul li ul {
left: auto !important;
right: 100%;
}

ویرایش شده توسط سعید شعبانی
لینک به ارسال

سلام نميدونم حل شده يا نه دست دستمون هم درد نكنه ! ولي اگه مشكل فقط زير منو ها هست همونطور كه گفتم با يك right:0px; حل ميشه !‌

به كلاس زير منو ها اين اضافه كنيد حله !‌

لینک به ارسال

این کد ها را جایگزین کد های موجود در استایل قالب کنید


#main-navigation .sf-menu > ul > li:after {
color: #666666;
content: "|";
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
margin: 15px 0 0;
width: 1px;
}
.sf-menu li {
float: right;
position: relative;
visibility: inherit;
}
.sf-menu li a {
display: block;
float: right;
text-align: right;
}
.sf-menu li ul {
position: absolute;
right: 0;
top: -999em;
z-index: 99999;
}

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


.sf-menu li ul li ul {
left: auto !important;
right: 100%;
}

واقعا لطف کردین یک دنیا ممنون

لینک به ارسال

به گفتگو بپیوندید

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

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...