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
0

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


لینک به پست

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

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

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

2

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

ویرایش شده در توسط nima-kian
0

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

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


لینک به پست

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

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

2

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


لینک به پست

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


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

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

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط vazizi69@yahoo.com
      سلام وقت بخیر 
      دوستان لطفا راهنماییم کنید ممنون میشم 
      من میخوام تو سایت وردپرسی خبری ، امکانی ایجاد کنم که کاربران تو پنل کاربری شون بتونن چند تا کلمات کلیدی بنویسند 
      و  لینک هر خبری که هر کدوم از اون کلمات کلیدی داخل متنش بود رو برای کاربر ارسال کنه 
      مثلا کاربر1 کلمه کلیدی علی دایی رو ثبت میکنه و هر پستی با کلمه علی دایی منتشر شد بهش اطلاع داده میشه 
      مثلا سریعا بعد از انتشار از طریق پیامک به کاربر اطلاع بده 
      آیا افزونه ای هست که بشه ازش استفاده کرد و به این اهداف رسید ؟
      پیشنهاد شما چیه در این باره؟
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط hamid.26
      سلام خسته نباشید ووکامرس فروشگاهم رو پیکربندی کردم اما دکمه ی افزودن به سبد خرید پایین محصولات نمیاد لطفاً کمک کنید بگید چطوری درستش کنم.
    • توسط Borzou
      سلام دوستان
      من حدود 1 ماهه که قالب سایتم رو تغییر دادم و این مشکل برام پیش اومده و عنوان سایتم هم در اول و هم در آخر جستجوهای گوگل نمایش داده میشه در صورتی که من عنوان سایت گذاشتم قسمت آخر.
      @Morteza
      @mehran-b
      چطور میشه این مسئله رو حل کرد؟  تنظیمات yoast  رو تنظیم کردم و مشکلی نداشت. تصویر پیوست شده.
      سایت First90day.ir
      تنظیمات نوشته ها و برگه ها هردو به صورت زیر تنظیم شده. اما مطابق تصویر ی که پیوست کردم نمایش میده.
      مشکل از کجاست؟

    • توسط iranibonsai
      درود، سایتی رو با وردپرس بالا آوردیم
      اما اکنون در صفحات داخلی سایت کد خطایی رو در بخش بالای مرورگر نشون میده که نتونستیم رفعش کنیم
      Warning: count(): Parameter must be an array or an object that implements Countable in /home3/zahrefzo/public_html/wp-includes/post-template.php on line 284
      این خطا قبلا وجود نداشت، نفهمیدم به چه علتی بوجود آمده و تو اینترنت هم چیز خاصی راجعبه رفعش پیدا نکردم، ممنون میشم اعلام نظر بفرمایید
      آدرس سایت :
      http://minelbeautysalon.com//