nima-kian

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

6 پست در این موضوع قرار دارد

دوستان سلام

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

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

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

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

 .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%;
}

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط napo
      سلام 
      افزونه max mega menu  رو دانلود کردم ولی متاسفانه راستچین نیست یعنی زیر منو رو سمت راست ایجاد میکنه به جای اینکه در سمت چپ نشون بده همونطوری که توی عکس مشخصه بعد انتخاب دوتا زیر منو کلا از صفحه خارج میشه
      اگه میشه کمکم کنید
      اگه کسی افزونه ای دیگه میشناسه که هم راستیچینه هم اکاردئونی ممنون میشم معرفی کنه

    • توسط oonchiye
      سلام
      تنظیمات مربوط به افزونه رو انجام دادم برگه ها موجود هستش 
      شرت کد های مربوط هم درسته 
      فقط وقتی دکه پرداخت رو میزنی صفحه تسویه حساب فقز اسم برگه رو میاره 
      مینویسه check uot فقط
      چیکار کنم خیلی لازم دارم 
    • توسط behi13
      با سلام
      دوستام و اساتید محترم یک سوال
      من به سایت دوزبانه با افزونه wpml درست کردم الان یک مشکل هست توی گوگل صفحه اول سایت ایندکس شده و توی فارسی مشکلی ندارم
      ولی توی زبان انگلیسی وقتی توی گوگل به انگلیسی سرچ میکنم بازهم با نام و فارسی میاد
      ممنون میشم من و راهنمایی کنید
    • توسط j1989m
      سلام
      توی قسمت افزودن نوشته و از طریق پرونده های رسانه ای یه عکس انتخاب میکنم و منتشر میکنم. توی سایت عکس رو نشون میده اما این کدها رو هم میاره:
      [caption id="attachment_154" align="aligncenter" width="300"] [/caption]
      درواقع عکس بین دوتا caption بالا قرار میگیره.
      این مشکل توی افزودن برگه نیست.
      لطفا راهنمایی کنید
      خیلی فوریه
      ممنون
    • توسط xboby
      سلام،
      من سایتی با ورد پرس طراحی کردم و می خواهم با:
      یک برنامه تمام پستهای موجود در کانال تلگرامی که بنام آن سایت ایجاد کر ده ام را
      بتوانم از موبایلم دانلود کنم و بعد در آن سایت قرار دهم:
      آیا چنان برنامه ای وجود دارد؟ لطفا راهنمائی ام بفرمائید.
                                   متشکرم