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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط shayan201680
      با سلام
      بنده یک سایت اصلی وردپرسی دارم و قرار شده که در ساب دامینشم از وردپرس استفاده کنم.
      الان میخوام کاری کنم که کاربران اگر در سایت اصلی ثبت نام کردند بتونند با همون مشخصات در ساب دامین نیز لاگین کنند و برعکس!
      ولی نمیدونم باید چکار کنم! 
      ممنون میشم اگر کسی بلده راهنمایی کنه، با تشکر... 
    • توسط Mr Mirzaei
      سلام
      من برای کانال تلگرامم به آدرس زیر به یک ادمین نیاز دارم که در ضمینه فیلم و سریال نسبتا حرفه ای باشه
      Mester_Film@
      لطفا اگه کسی میتونه بهم کمک کنه لطفا به ایدیم پیام بده:
      Alo_Mester_Film@
    • توسط Mr Mirzaei
      سلام
      من میخواستم فایل جاوا اسکریپت با پسوند js رو روی سایتم اپلود کنم ولی ارور میده
      مینویسه:
      “js 1” به‌خاطر وجود ایراد بارگذاری نشد
      متاسفانه، این نوع پرونده به دلایل امنیتی مجاز نیست.
      اگه کسی میدونه مشکلش چیه لطفا به منم بگه
    • توسط mehditalaei
      سلام
      بنده یه افزونه نیاز دارم تا برای کاربرای سایت داشبورد حرفهای بسازم و کاربر با ورود به ناحیه کاربری بتونه اونو مدیریت کنه.
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      بروزرسانی پنجم.