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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط majid_one

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

      میخواستم بپرسم این ابزار ها با چه کدی نوشته شدن و آیا میشه همه جوره توشون دست برد و برای خودت سفارشیشون کرد و استایلشون رو شبیه استایل قالب وبسایت خودت کنی؟
    • توسط ashkan91
      با سلام و خسته نباشید
      دوستان کسی میدونه چطور میشه فیلد ایمیل رو از تو فرم تسویه حساب ووکامرس غیرضروری کرد؟ (بدون استفاده از افزونه) یکی از دوستان این لینک رو فرستادن اما نمیدونم کدام تکه کد از این صفحه را میبایست درون کدهای سایت قرار بدم که مشکل حل بشه؟
      https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/#example-make-phone-number-not-required
    • توسط amirmehdi950
      سلام روزتون بخیر
      من میخوام از افزونه ultimate member private message استفاده کنم اما یه چیزی کم داره.
      میخوام دکمه پیوست هم داشته باشه.
      (این افزونه همونطوری که از اسمش پیداست برای ارسال پیام خصوصی بین کاربرا ساخته شده، افزونه private message به تنهایی کار نمیکنه و باید ultimate member هم نصب باشه که افزونه بسیار خوبیه.)
      حالا من سوالی که دارم اینه که چطوری میشه این دکمه رو هم به قسمت چت اضافه کرد و از کجا باید کدهاشو ویرایش کرد
      این هم تصویر افزونه ( محل جایگذاریش میخوام کنار بخش emoji باشه)
       

      ممنونم
    • توسط mohamad7072
      سلام دوستان خسته نباشید 
      من میخوام ظاهر سایتم رو عوض کنم مثلا صفحه اول سایتم رو تغییر دادم اما این تغییرات اعمال نمیشه یا مثلا یه افزونه رو کامل پاک کردم ولی هنوز اثراتش هست 
      همه این مشکلات وقتی هست که به عنوان کاربر مهمان وارد سایت میشم ولی وقتی لاگین میکنم همه چی درست میشه...
      مشکل از چیه کسی میتونه کمکم کنه؟؟
    • توسط Saeed Fard
      سلام خدمت دوستان عزیز وردپرسی
      در جهت ادامه‌ی فعالیت‌های وردپرس‌پارسی و حمایت از ما لطف کنید در شبکه‌های اجتماعی نظیر توییتر و فیس‌بوک ثبت‌نام و اکانت سایت وردپرس‌پارسی رو دنبال کنید و بپسندید .
      لینک اکانت‌ها
      پیشاپیش متشکریم
       
      آپدیت:
      از طریق این لینک می‌تونید مشترک کانال ما در تلگرام بشید : https://telegram.me/wp_parsi
      همینطور یک گروه پرسش و پاسخ وابسته به وردپرس پارسی وجود داره که از طریق لینک : https://telegram.me/joinchat/A13hoTxtDQ2xRKdwuDeuVA