سوال: طراحی یه منوی ساده [بایگانی]

View Full Version : سوال: طراحی یه منوی ساده

kamran_14

سه شنبه 17 مرداد 1391, 01:14 صبح

سلام
خسته نباشید
من یه عکس ضمیمه کزدم که مربوط به منو هستش من می خوام این منو رو طراحی کنم البته با html من خیلی تو این زمینه مبتدی هستم حواهش می کنم کمکم کنید
آیا این ها هر بخششون یه panel هس مثلا در اینجا 7 تا panel در کنار هم قرار گرفتن؟ و نوشته ها hyperlink اند؟

davood59

سه شنبه 17 مرداد 1391, 09:26 صبح

دوست عزیز، یک منوی معمولیه که با ul و li به همراه جلوه ها یا همون style هایی که از طریق css بهش اعمال شده ، طراحی شده؛ کجاش رو مشکل دارین؟

kamran_14

سه شنبه 17 مرداد 1391, 09:48 صبح

من استایل هاشو مشکل دارم
مثلا در این کد که از استایل برای درست کردن منو استفاده شده
<html>
<head>
<title>In the name of GOD</title>
<style>
#div-Menu{float:right;width:100%;border-bottom:4px solid #000;overflow:hidden;}
#div-Menu ul{list-style:block;margin:0;padding:0;}
#div-Menu ul li{display:block;float:right;margin:0;padding:0;po sition:relative;list-style:none;}
#div-Menu ul li a{display:block;background:#ddd;text-decoration:none;margin:0 2px 0 0;
padding:3px 10px;line-height:1.5em;color:#000;}
#div-Menu ul li a:hover{color:#fff;background:#369;}
#div-Menu ul li a.active ,
#div-Menu ul li a.active:hover{color:#fff;background:#000;font-weight:bold;}
</style>
</head>
<body>
<div id="div-Menu">
<ul>
<li><a href="in.html">Start</a></li>
<li><a href="file:///f:/a.htm">end</a></li>
</ul>

</div>
</body>
</html>
من توضیح همه ی استایل ها را نمی خوام بلکه اون استایلی که مهمه

davood59

سه شنبه 17 مرداد 1391, 10:04 صبح

دوست عزیزم؛ فکر کنم دچار سردرگمی شدید.
ببینید در کدی که مرقوم فرمودید همه اون استایلها برای ایجاد یک منو واجب و ضروری هستند.
یک style برای محل قرار گرفتن منوست. style دیگه برای شکل دادن و نحوه قرار گرفتن منو؛ یکی دیگه برای قالب بندی به لینک، یکی دیگه برای اینکه وقتی ماوس روی اون قرار گرفت و یا اینکه بعدیش مثلا وقتی که لینکی فعال شد.
پس می بینید که همشون به نوعی مهم هستن.
شما برای اینکه دقیقا درک کنید این موضوع رو همون کدهایی رو که نوشتید رو امتحان کنید و یکی یکی خطها رو بردارید تا ببینید چه اتفاقی میفته، و یا اینکه با استفاده از firebug تغییرات هر style رو براحتی میتونید مشاهده کنید.
موفق باشید.