واضح آرشیو وب فارسی:سایت ریسک: تنظیمات منوی Css des3design 01 اسفند 1386, 22:59]با سلام خدمت اساتید و دوستان عزیز من در حال طراحی سایتم به کمک Css هستم که در طراحی و تنظیم منوهای بالای هدر دچار مشکل شدم. سایت دارای یک هدر ثابت عکس و درست در زیر اون یک بنر به همون اندازه یه تصویر فلش هستش که میخوام قسمت یک پنجم بالای این قسمت رو منوهای بازشو به سمت پایین بزارم که روی این تصویر بنر رو میپوشونن و تا قبل از حرکت ماوس روی هرکدوم بصورت شفاف یا ترانسپارنت هستن که تصویر زیرشون قابل دیدن باشه. اما تقریبا حدود سه هفته میشه که تو سایتای مختلف دنبال راه حل این مشکل هستم که هنوز به نتیجه نرسیدم تا به این انجمن برخورد کردم امیدوارم مثل بقیه راهنماییهاتون تو این زمینه بتونم از کمکتون استفاده کنم. من عکس چیزی رو که باید بدست بیارم میزارم اینجا واگه امکانش هست یطوری راهنمایی کنین که بتونم از پس اون بر بیام آخه تازه این کارو شروع کردم. با تشکر 18436 amirabbas_p30magazine 02 اسفند 1386, 10:14متوجه نشدم شما می خوای یه کاری کنی که منو ها با فلش باشه ولی تصویر زیر بخش فلش دیده بشه ؟ اگر منظورتون همین باشه که من الان گفتم این کار شدنی نیست. echessdesign 02 اسفند 1386, 13:12درود بر شما به انجمن خوش آمدید. در این سایت () نمونه منو های CSS فراوانی وجود داره، مشاهده بفرمایید... des3design 02 اسفند 1386, 21:07تشکر echessdesign عزیز خوب چطور باید اونو استفاده کنم منویی که میخواستم رو تو این آدرس () با کمک و راهنمایی شما دوست بزرگوار پیدا کردم اما نمیدونم چطور باید ازش استفاده کنم یا کدشو چطور دانلود کنم؟ از راهنمایی مجددتون تشکر میکنم echessdesign 04 اسفند 1386, 15:08ارادتمندم دوست عزیز بفرمایید: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta "Content-Type" content="text/html; charset=utf-8" /> <title>Demos</title> <style type="text/css"> #menu {list-style-type:none; margin:0 0 100px 0; padding:0;} #menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;} #menu li span {display:block; z-index:100; padding: 5px 10px;font-size:1.1em;} #menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;} #menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(Stu Nicholls _ CSSplay _ An opaque drop-down definition list menu_files/opaque00.png);} * html #menu dl {background:transparent url(Stu Nicholls _ CSSplay _ An opaque drop-down definition list menu_files/opaque00.gif);} #menu dt {margin:0; font-size: 1.1em; float:left;} #menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;} #menu dt a, #menu dt a:visited {display:block; color:#000; padding: 5px 10px; text-decoration:none;} #menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; padding: 5px 10px;} #menu li a:hover {border:0; text-decoration:underline;} #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;} #menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#c00;} </style> </head> <body> <ul id="menu"> <li><span>Demos</span> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl> <dt><a href="">Demos</a></dt> <dd><a href="" title="The zero dollar ads page">zero dollars</a></dd> <dd><a href="" title="Wrapping text around images">wrapping text</a></dd> <dd><a href="" title="Styling forms">styled form</a></dd> <dd><a href="" title="Removing active/focus borders">active focus</a></dd> <dd><a href="" title="Multi-position drop shadow">shadow boxing</a></dd> <dd><a href="" title="Image Map for detailed information">image map</a></dd> <dd><a href="" title="fun with background images">fun with backgrounds</a></dd> <dd><a href="" title="fade-out scrolling">fade scrolling</a></dd> <dd><a href="" title="em size images compared">em sized images</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><span>Menu Items</span> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl> <dt><a href="">Menu Items</a></dt> <dd><a href="" title="a coded list of spies">spies menu</a></dd> <dd><a href="" title="a horizontal vertical menu">vertical menu</a></dd> <dd><a href="" title="an enlarging unordered list">enlarging list</a></dd> <dd><a href="" title="an unordered list with link images">link images</a></dd> <dd><a href="" title="non-rectangular links">non rectangular links</a></dd> <dd><a href="" title="jigsaw links">jigsaw links</a></dd> <dd><a href="" title="circular links">circular links</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><span>Various Layouts</span> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl> <dt><a href="">Various Layouts</a></dt> <dd><a href="" title="Cross browser fixed layout">Fixed 1</a></dd> <dd><a href="" title="Cross browser fixed layout">Fixed 2</a></dd> <dd><a href="" title="Cross browser fixed layout">Fixed 3</a></dd> <dd><a href="" title="Cross browser fixed layout">Fixed 4</a></dd> <dd><a href="" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><span>Mozilla and other Browsers</span> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl> <dt><a href="">Mozilla and other Browsers</a></dt> <dd><a href="" title="A drop down menu">drop down menu</a></dd> <dd><a href="" title="A cascading menu">cascading menu</a></dd> <dd><a href="" title="Using content:">content:</a></dd> <dd><a href="" title=":hover applied to a div">mozzie box</a></dd> <dd><a href="" title="I can build a rainbow">rainbow box</a></dd> <dd><a href="" title="Snooker cue">a border art snooker cue</a></dd> <dd><a href="" title="Target Practise">target practise</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </body> </html>
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 434]