yasin

پشت ساب منوی

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

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

ببخشید من یه منو یکی واسم درست کرد الان اون دوستمون نیست بهم جواب بده تصمیم گرفتم این انجمن را برای پاسگویی به سوالم انتخاب کنم خوب بریم سر اصل مطلب:

الان منوی بالای سایت رو ببنید : http://rooyesh.info

ببنید منوی بالای سایت وقتی بازش میکنی منو بصورت پاپ منو و پشت زمینه سایت هم پشت منوها معلومه!

من میخوام اینطوری نباشه!

کد های css:


/*********--nav--*******/
#nav{
height:23px;
background:url(images/nav_bg.png) no-repeat;
}
.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu ul {
position:absolute;
top:-999em;/* hides all submenu items */
width:123px; /* set the width of sub menu */
border-top:none;
z-index:1399;
border-radius:0 0 2px 2px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
background:#525252;
box-shadow: 0px 2px 5px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px #000;
padding:5px 5px;
width:170px !important;
text-align:center;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8; /* khtml, old safari */
-moz-opacity: 0.8; /* mozilla, netscape */
opacity: 0.8; /* fx, safari, opera */
}
.sf-menu ul ul{
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.sf-menu ul li {
width:170px;
background:none;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
padding-left:2px;
border:none;
float:right;
position:relative;
z-index:199;
line-height:23px;
}
.sf-menu a {
font-family:tahoma, arial, sans-serif;
-webkit-transition: background .4s ease, color 0.4s linear;
-moz-transition: background .4s ease, color 0.4s linear;
-o-transition: background .4s ease, color 0.4s linear;
transition: background .4s ease, color 0.4s linear;
/* position:relative; */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
right:0;
top:23px; /* match top ul list item height */ /* tanzim mikone ke koja zir-menu neshoon dade beshe */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-9999px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
right:140px; /* match ul width */
top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:140px; /* match ul width */
top:0;
}
/*** DEMO SKIN ***/
.sf-menu a {
text-decoration:none;
outline:none;
font:normal 11px/23px tahoma, Arial, Geneva, sans-serif ;
color:#fff;
text-shadow:1px 1px 0 #000;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
padding:0 1.1em;
text-decoration:none;
}
.sf-menu ul li a {
padding:0 5px;
display:block;
_width:110px;
font:normal 11px/17px tahoma, arial, sans-serif;
color:#fff !important;
border-radius: 4px;
}
.sf-menu li a:hover {
background:#0c2a4c;
color:#fff;
text-shadow:-1px -1px 0 #000;
}
.sf-menu li li {
_position:relative;
text-align:right;
margin:0 !important;
background:none;
padding-top:2px;
}
.sf-menu li li a:hover{
background:#0c2a4c;
padding-right:20px;
}

0

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


لینک به پست

در style.css در عبارت زیر مقدار opacity: 0.8; رو حذف کنید


.sf-menu ul {
position: absolute;
top: -999em;
border-top: medium none;
z-index: 1399;
border-radius: 0px 0px 2px 2px;
background: none repeat scroll 0% 0% rgb(82, 82, 82);
box-shadow: 0px 2px 5px rgb(0, 0, 0);
padding: 5px;
width: 170px !important;
text-align: center;
opacity: 0.8;
}

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      کد مطالب تصادفی توی وبلاگ های میهن بلاگ چیه؟
      اگه کسی میدونه لطفا بگه خیلی گیرم
      کد بیشترین بازدید چیه توی مطالب؟
      سریع بگید
    • توسط asghar
      سلام
      من یک سایت وردپرسی دارم که خیلی دیر لود میشه 
      میخواستم بدونم برای رفعش باید چی کار کنم؟
      آدرس سایت https://www.hairent.com
       
    • توسط cheeta
      با سلام خدمت اساتید گل وردپرس
      من برای فروش از افزونه edd و با قالب دستکاری شده صحیفه کار میکنم. مشکلی که دارم اینه مه وقتی به عنوان مدیر خرید میکنم تمام مراحل تا پس از پرداخت تا اخر اجرا میشه اما وقتی با نقش های کاربری دیگه از جمله مشترک خرید میکنم وقتی در صفحه سبد خرید روی " خرید و دانلود " کلیک میکنم هیچ اتفاقی نمی افته. یعنی به صفحه پرداخت نمیره و البته هیچ خطایی هم نمیده.
      با عوض کردن قالب مشکل حل میشه اما می خوام مشکل رو در همین قالب بر طرف کنم. چطور میشه این محدودیت رو برای سایر نقش های کاربری برداشت؟ کی چیزی در این زمینه هست؟
    • توسط saeid1872
      سلام دوستان
      تو کمتر از یک ماه سایتم 61 ارور 500 ثبت کرده که در حال زیاد شدن هستش نمیدونم چرا این ارورهارو ثبت میکنه
      لطفا دلیلش رو بگید و اینکه چطور باید رفع کنم
      من خیلی اصلا حرفه ای نیستم فقط خواهشا جوری راهنمایی کنید که بتونم رفعش کنم.

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم