جستجو در انجمن

سلام کد تب منو زیر ا در سایتم استفاده کردم ولی موقع استایل دادنش به یه مشکل برخوردم . مشکلم اینکه رنگ پسزمینه قسمتی از تب منو ها را نمی تونم تغییر بدم همه کد رنگ های داخلش را دست کاری کردن نشد کد تب منو را در اختیارتون میدم: کد HTML : <div id="tabco4"> <ul> <li><a href="javascript:vd()">خاطرات دانشجویی</a></li> <li><a href="javascript:vd()">گالری عکس های یادگاری</a></li> <li><a href="javascript:vd()">باران:بوی مهربانی</a></li> <li><a href="javascript:vd()">جملک :جملات زیبا</a></li> <li><a href="javascript:vd()">ندای فناوری</a></li> </ul> <div><!--محتوای سربرگ اول--> <table width="900" border="00"> <tr> <td valign="top" width="190"><div id="img1"><img src="<?php bloginfo('template_url'); ?>/images/tooplate_image_07.jpg" width="190" height="200" /></div></td> <td valign="top">جدید ترین خاطرات</td> <td valign="top">نظرات</td> </tr> </table> </div> <div> <!--محتوای سربرگ دوم--> <table width="900" border="00"> <tr> <td valign="top" width="190"><div id="img1"><img src="<?php bloginfo('template_url'); ?>/images/khatere.jpg" width="190" height="200" /></div></td> <td valign="top">جدید ترین عکس های یادگاری</td> <td valign="top">نظرات</td> </tr> </table> </div> <div> <!--محتوای سربرگ سوم--> <table width="900" border="00"> <tr> <td valign="top" width="190"><div id="img1"><img src="images/khatere.jpg" width="190" height="200" /></div></td> <td valign="top">جدید ترین شعرها</td> <td valign="top">نظرات</td> </tr> </table> </div> <div> <!--محتوای سربرگ چهارم--> <table width="900" border="00"> <tr> <td valign="top" width="190"><div id="img1"><img src="images/khatere.jpg" width="190" height="200" /></div></td> <td valign="top">جدید ترین جملک ها</td> <td valign="top">نظرات</td> </tr> </table> </div> <div> <!--محتوای سربرگ پنجم--> <table width="900" border="00"> <tr> <td width="190" valign="top"><div id="img1"><img src="images/khatere.jpg" width="190" height="200" /></div></td> <td valign="top">جدید ترین پدیدها</td> <td valign="top">نظرات</td> </tr> </table> </div> </div> کد CSS: .img1{float:right;} .content { clear: both; padding: 10px; border:double 1px #fa6e03; // حاشیه ها -moz-border-radius-topleft: 34px; -moz-border-radius-topright:34px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:34px; -webkit-border-top-right-radius:34px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; border-top-left-radius:34px; border-top-right-radius:34px; border-bottom-left-radius:9px; border-bottom-right-radius:9px; <!-- background-color: #0b1326;--> // محتوای صفحه width: 950px; height: 200px; direction: rtl; text-align: justify; line-height: 16px !important; font: byekan; } .ulnofloat :hover{ -webkit-box-shadow: 0px 0px 75px 10px rgba(250,141,25,0.55); -moz-box-shadow: 0px 0px 75px 10px rgba(250,141,25,0.55); box-shadow: 0px 0px 75px 10px rgba(250,141,25,0.55); -moz-border-radius-topleft: 34px; -moz-border-radius-topright:34px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:34px; -webkit-border-top-right-radius:34px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; border-top-left-radius:34px; border-top-right-radius:34px; border-bottom-left-radius:9px; border-bottom-right-radius:9px; } .ulnofloat { list-style-type: none; padding-right: 0px; margin: 0px; } .ullifloat { float:right; background:#003; padding-left: opx; border:solid 3px #fa6e03; -moz-border-radius-topleft: 34px; -moz-border-radius-topright:34px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:34px; -webkit-border-top-right-radius:34px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; border-top-left-radius:34px; border-top-right-radius:34px; border-bottom-left-radius:9px; border-bottom-right-radius:9px; margin-right: 4px; } .ula { position: relative; text-decoration: none; display: block; padding: 5px 10px; cursor: pointer; font: normal 11px byekan; direction: rtl; color: #3CF; } #tabco4{ margin-top:20px; position: relative; left : 0px; width: 960px; background-color:#0b1326;// رنگ کلی border-right:#0b1326 ; // } #tabco4 ul a:hover { <!--color: #0062e6;--> // فونت سربرگ فعال } عکس این تب منو در تمی که طراحی کردم گذاشتم . مشکلم را با عدد 2 در تصویر نشون دادم و می خوام مثل عدد 1 بشه

سلام من کد تب منو را دارم از لینک زیر گرفتم http://www.webkaran.com/tabmenu-generator.html ولی دوست دارم تب منو من مثل سایت دی جی کالا باشه . شیشه ای و کاملا مخفی و وقتی که موس روش میره باز میشه جایی را اشغال نمیکنه یعنی روی آیتم های دیگه میاد تب موی شیشه ای دی جی کالا جایی که محصولات تبلت و موبال و ... است باز میشه http://www.digikala.com/ کسی کد این تب منوی شیشه ای داره؟ ممنون