lordia 1 ارسال شده در خرداد 93 گزارش بازنشر ارسال شده در خرداد 93 (ویرایش شده) با سلاممن یک منو آبشاری در سایت نصب کردم ولی هر کاری می کنم وسط نمیاد!! کدهای html و CSS این منو رو قرار دادم دوستان لطف کنن راهنمایی کنند چه کنم؟؟؟آدرس سایت: گروه صنعتی هیدروفنّکد HTML <div class="jDesign_green__menu"><ul id="jDesign_topnav"><li><a href="">صفحه اصلی</a></li><li><a =" ">عضویت </a><span><a href="/register">عضویت در سایت</a><a href="/page/sms">عضویت در سامانه پیامکی</a></span></li><li><a href="/forum">تالار گفتمان</a></li><li><a ="">منوی اصلی</a><span><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a></span></li><li><a ="">منوی اصلی</a><span><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a></span></li><li><a ="">منوی اصلی</a><span><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a></span></li><li><a ="">منوی اصلی</a><span><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a></span></li><li><a ="">منوی اصلی</a><span><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a><a href="">زیر منو</a></span></li></ul></div> کد CSS *{font-size:11px;margin:0;padding:0;font-family:Tahoma;line-height:150%;}A{color:#444444;font-size:11px;text-decoration:none;text-shadow:0 0 5px #ccc;behavior:url(PIE.htc);}.jDesign_blue__menu {width: 950px; margin: 0 auto;}ul#jDesign_topnav {margin: 0; padding: 0;float: right;width: 950px;list-style: none;position: relative;font-size: 1.2em;background:url(http://s3.picofile.com/file/7678247632/qqz.png) repeat-x;font-family: Tahoma;}ul#jDesign_topnav li {float: right;margin: 0; padding: 0;border-right: 1px solid #555;}ul#jDesign_topnav li a {padding: 10px 15px;display: block;color: #f0f0f0;text-decoration: none;}ul#jDesign_topnav li:hover {background: #7FAA07 url (http://s1.picofile.com/file/7678228274/qqqa.png) repeat-x; }ul#jDesign_topnav li span {float: right;padding: 5px 0;position: absolute;left: 0; top:35px;display: none;width: 950px;background: #7FAA07;color: #fff;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}ul#jDesign_topnav li:hover span { display: block; }ul#jDesign_topnav li span a {float: right; display: inline; }ul#jDesign_topnav li span a:hover {float: right; color:#fff;background:#202020;text-shadow:2px 1px 3px #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;-webkit-transition-property:background;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear, ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;} ویرایش شده خرداد 93 توسط Black_sky برای کدهای بلند از longbox استفاده کنید نقل قول لینک به ارسال
محــــــمدرضا 344 ارسال شده در خرداد 93 گزارش بازنشر ارسال شده در خرداد 93 در قسمت ul#jDesign_topnav کدfloat:right; بردارید و Margin رو برابر margin:0 auto; قرار بدید 2 نقل قول لینک به ارسال
lordia 1 ارسال شده در خرداد 93 مالک گزارش بازنشر ارسال شده در خرداد 93 (ویرایش شده) واقعا ممنون کاملا جواب داد... بهترین انجمن ایران که همیشه جواب سوالامو گرفتم پس من کد ویرایش شده CSS رو که وسط چین شده می زارم تا هرکی هم خواست از این منو آبشاری زیبا استفاده کنه *{font-size:11px;margin:0;padding:0;font-family:Tahoma;line-height:150%;}A{color:#444444;font-size:11px;text-decoration:none;text-shadow:0 0 5px #ccc;behavior:url(PIE.htc);}.jDesign_blue__menu {width: 950px; margin: 0 auto;}ul#jDesign_topnav {margin:0 auto;width: 950px;height: 35px;list-style: none;position: relative;font-size: 1.2em;background:url(http://hydrofann.com/wp-content/uploads/2014/05/green.png) repeat-x;font-family: Tahoma;}ul#jDesign_topnav li {float: right;margin: 0; padding: 0;border-right: 1px solid #555;}ul#jDesign_topnav li a {padding: 10px 15px;display: block;color: #f0f0f0;text-decoration: none;}ul#jDesign_topnav li:hover {background: #7FAA07 url (http://hydrofann.com/wp-content/uploads/2014/05/green2.png) repeat-x; }ul#jDesign_topnav li span {float: right;padding: 5px 0;position: absolute;left: 0; top:35px;display: none;width: 950px;background: #7FAA07;color: #fff;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}ul#jDesign_topnav li:hover span { display: block; }ul#jDesign_topnav li span a {float: right; display: inline; }ul#jDesign_topnav li span a:hover {float: right; color:#fff;background:#202020;text-shadow:2px 1px 3px #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;-webkit-transition-property:background;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear, ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;} ویرایش شده خرداد 93 توسط Black_sky longbox نقل قول لینک به ارسال
Black_Sky 6,349 ارسال شده در خرداد 93 گزارش بازنشر ارسال شده در خرداد 93 خداشکر به جواب رسیدید اما:1-برای کدهای بلند از longbox استفاده کنید 2-عنوان هم ویرایش شد موفق باشید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .