tnt6667

در خواست تغییرات در طراحی منوی آبشاری

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

درود بر همه

من یک نمونه منو دیدم

می خواستم ببینم دوستان کسی هست راهنمایی کنه که این کار به چه شکل انجام میشه و شده ؟

[ATTACH=CONFIG]77[/ATTACH]

دمو

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

این پست یک هفته بیشتر است که باز شد ولی یک جواب نداشته

من برم اسپم بفرستم ..و..

Share this post


Link to post
Share on other sites

دقیقا چطوری میخوای ؟ از چیش خوشت اومده که علاقه مند شدی بهش ؟

Share this post


Link to post
Share on other sites

درود

در پایین منو آبشاری ها لگو گذاشته شده اینو می خوام فقط

Share this post


Link to post
Share on other sites

شما هر منویی داشته باشی با css به راحتی می تونی این کار رو انجام بدی. فقط کافیه در background ای که در division سطح دوم منو هست، عکسی رو در در موقعیت bottom قرار بدی.

Share this post


Link to post
Share on other sites

این کد css زیرشاخه های منو

/* Submenu of menu */

.RadMenu_Topmenu .rmGroup
{
border-top:#2d2d2d 1px solid;
border-right:#2d2d2d 1px solid;
border-left:#2d2d2d 1px solid;
border-bottom:#2d2d2d 1px solid;
background:#2d2d2d url(img/submenu.gif) no-repeat bottom left;
padding-top:5px !important;
padding-right:0px !important;
padding-left:0px !important;
padding-bottom:25px !important;
color: #fff;

   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;

   border-color: -moz-use-text-color #2d2d2d #4c4c4c;
   border-radius: 5px 5px 5px 5px;
   border-style: none solid solid;
   border-width: 0 1px 1px;
   box-shadow: 5px 6px 8px 5px rgba(0, 0, 0, 0.3);

} 

.RadMenu_Topmenu .rmLevel1 {
display:inline-block !important;
text-align:right !important;

}

.RadMenu_Topmenu .rmGroup .rmText
{
color: #ffffff;
margin:0px;
font-size:11px;
background:#484848;
   border: 1px solid #484848;
   min-width:120px;

}      

.RadMenu_Topmenu .rmGroup .rmLink
{
line-height: 23px;
padding:0px !important;
text-align: right;
margin:0px; 
}

.RadMenu_Topmenu .rmGroup .rmLink .rmText 
{
color: #eee;
padding:0px 25px 0px 25px !important;
margin:0px;
}

.RadMenu_Topmenu .rmGroup .rmLink:hover .rmText, 
.RadMenu_Topmenu .rmGroup .focused .rmText 
{
color:#ffffff;
padding:0px 25px 0px 25px !important;
margin:0px;
background:#990000;
}

.RadMenu_Topmenu .rmGroup .rmLink:hover,
.RadMenu_Topmenu .rmGroup .focused,
.RadMenu_Topmenu .rmGroup .expanded
{
background:#ff3333;
line-height: 23px;
text-align: right;
}

.RadMenu_Topmenu .rmRootGroup .rmLink .rmExpandLeft    
{ 
  background:#484848 url(img/exleft.gif) no-repeat center left;
} 

.RadMenu_Topmenu .rmRootGroup .rmLink:hover .rmExpandRight, 
.RadMenu_Topmenu .rmRootGroup .focused .rmExpandRight  
{ 


} 

به جای این img/submenu.gif لوگو خودتو بذار .

Share this post


Link to post
Share on other sites

سورس قالب رو قبل از شما برداشتم و تست کردم ولی مشکل زیاد داره

این ی ماژول یا ی ترفند راحتر

Share this post


Link to post
Share on other sites

چه مشکلی داره ؟ بگو حلش میکنیم . منو که فکر نکنم ماژول باشه ... ولی این با css بهتر حل میشه نظرم ...

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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