مساعده فى عمل قوائم

يمكن عملها بالجافا سكريبت او jquery او بال css

هذا مثال بسيط عن تصميم القائمة المنزلقة بال css , وانا لما اقوم بتصميمها ( اترك التصميم لك )

<html>
<head>
<title>Test</title>

<style>
#menu{
	list-style:none;
}
#menu li{
	margin-left:20px;
	padding:5px;
	display:block;
	background:#BBB;
	float:left;
}
#menu li:hover #sub_menu{
	display:block;
}
#sub_menu{
	display:none;
	float:none;
	width:50px;
}
</style>

</head>

<body>


<ul id="menu">
<li>Home</li>
<li>About</li>
<li>Contact

<ul id="sub_menu">
<li>Mobile</li>
<li>Email</li>
</ul>

</li>
</ul>

</body>
</html>

kareem_3d كتب:

يمكن عملها بالجافا سكريبت او jquery او بال css

هذا مثال بسيط عن تصميم القائمة المنزلقة بال css , وانا لما اقوم بتصميمها ( اترك التصميم لك )

<html>
<head>
<title>Test</title>

<style>
#menu{
	list-style:none;
}
#menu li{
	margin-left:20px;
	padding:5px;
	display:block;
	background:#BBB;
	float:left;
}
#menu li:hover #sub_menu{
	display:block;
}
#sub_menu{
	display:none;
	float:none;
	width:50px;
}
</style>

</head>

<body>


<ul id="menu">
<li>Home</li>
<li>About</li>
<li>Contact

<ul id="sub_menu">
<li>Mobile</li>
<li>Email</li>
</ul>

</li>
</ul>

</body>
</html>

يا بشمهندس اقدر اعمل زى كده الفكره اللى عاوزها انى لما اقف على اى قائمه تظهر محتوياتها حضرتك فكرتك دى مش بتعمل غير انها ترتب القوائم على خط افقى واحد بس لما بقف على اى قائمه منهم مفيش حاجه بتحصل انا عاوزه مثل هذا الموقع www.boosla.com ومشكور اخى بالرد

اممممم , المفروض فى الكود بتاعى لما تقف على القائمة الاخيرة تظهرلك محتويتها !! , عموما انا عندى موقع البوصلة مش شغالة بس هاديك درس جميل اتفرج عليه إن شاء الله يساعدك

http://css.flepstudio.org/en/css-tutorials/horizontal-drop-down-menu.html

kareem_3d كتب:

اممممم , المفروض فى الكود بتاعى لما تقف على القائمة الاخيرة تظهرلك محتويتها !! , عموما انا عندى موقع البوصلة مش شغالة بس هاديك درس جميل اتفرج عليه إن شاء الله يساعدك

http://css.flepstudio.org/en/css-tutorials/horizontal-drop-down-menu.html

تمام كده يا بشمهندس بس فيه مشكله صغيره انا جربتها على جميع المتصفحات شغاله حلة ولكنها مش شغاله على انترنت اكسبلولر فيرجن 8

اخ TheSniper102

ممكن تقولي ايش سويت بالضبط وهل استخدمة الكود المذكورفي الدرس أو اضفت عليه

لأن لدي نفس تساؤلك كيف اعمل القوائم بحيث إذا وقفت الماوس على القائمة الرئسية تظهر لي القوائم الفرعية

مع العلم اني ابرمج بلغة php

ولك جزيل الشكر

E7san كتب:

اخ TheSniper102

ممكن تقولي ايش سويت بالضبط وهل استخدمة الكود المذكورفي الدرس أو اضفت عليه

لأن لدي نفس تساؤلك كيف اعمل القوائم بحيث إذا وقفت الماوس على القائمة الرئسية تظهر لي القوائم الفرعية

مع العلم اني ابرمج بلغة php

ولك جزيل الشكر

استخدمت الكود المذكور فى هذا الموقع واشتغلت تمام

http://css.flepstudio.org/en/css-tutorials/horizontal-drop-down-menu.html