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

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


لینک به پست

در 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;
}

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط armakcell
      سلام ، بنده یک مشکل خیلی بزرگ دارم اگر به بنده کمک کنید واقعا مدیون شما میشم
      بنده افزونه سئو را در وردپرس نصب کرده ام و اما هویت گوگل وقتی کد را میفرستد و بنده میزنم میگوید نمایه وجود ندارد
      فایلی را آپلود میکنم ببینید متوجه مشکل بنده میشید