-
fit کردن گزینه منوی بالا
با تغییرات در این کدی که اضافه کردم منوی بالا همراه با نوار پیمایش عمودی جابجا میشه!!!!!!!!!!!!!
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد:
#nav {}
#navl {position:fixed;width: 980px;}
#navr {height:40px; width: 980px; background:url(../images/mainmenu.png) 0 0 repeat-x; border-bottom: 2px solid #D1F82E; font-family: 'Lusitana', serif; border-left: 1px solid #BAB9B9; border-right: 1px solid #BAB9B9;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:right;}
#nav ul li {list-style:none;float:right;height:100%;position:relative; padding-right:1px; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s;}
#nav ul li.active {}
#nav ul li.active a {color:#fff; background: #0c6a87; height: 40px; line-height: 40px;}
#nav ul li:hover {}
#nav ul li a:hover{ background: #0c6a87; text-decoration:none; font-weight:normal; color:#fff; text-shadow: none; }
#nav ul li ul {position:absolute;width:100%;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: right; }
#nav ul li ul li:hover ul {right:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: right; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align:right;}
/* Sidebar */
-
دقیقا میخواید چیکار کنید؟:n13:
