اريد كود (html or css) لجدول به قوائم منسدلة

انا فى مدونتى ومنتداى اريد جعل جدول كهذا فى يمين الصفحة تسهيلا على القراء

فمثلا انا عندى على المدونة كتب مع موضوعات اخرى اريد جعل هذا الجدول تسهيلا فبدلا من ان يبحث القارئ فى المدونة كلها عن طريق مثلا قائمة الكتب يرى كل الكتب الموجودة فى المنتدى او المدونة ومنها يعرف اذا كان الكتاب موجود ام لا ويبقى سهل فى الذهاب لاى شئ

فلذلك اتمنى من احلى الخبراء اعطائى كود (html or css) لمثل هذا الجدول

وشكرا جزيلا

هذه فقط تعمل على صفحة HTML
اذا كنت تريدها
ادخل منتدى ابداع ةتصميمي
http://www.ibda3araby.com/
واطلب مدخل وهم بيصمموه لك

هو ده الرد يعنى ولا ايه مش فاهم الحقيقة انا شايف حضرتك جاى تعمل حوار تاخد منه مساهمه وخلاص
اولا انا قلت عايز كود مقولتش بيعمل على صفحة ايه اصلا لان منتديات احلى منتدى بتعتمد على لغة html

تانى شئ انا حاسس انا طالب تصميم صورة او رتبه او حاجه بهذا الشكل انا طالب كود
وحتى لو طالب تصميم لصورة او اى شئ مش متخيل انى اسمع رد روح منتدى تانى حتى لو كان تابع لاحلى منتدى
طب مانقفل منتدى الدعم وكلنا نروح منتدى ابداع بقه.

انا متاسف ان كنت كتبت انى عايز حد من الخبراء انا مش عايز مساعدة من اى حد بياخد رتبه عن طريق عدد المساهمات اللى بيعملها على الفاضى فى قسم الحوار والنقاش او يضيف ردود تستفز اصحاب الطلبات انه يفضل يحكى فى تفاصيل المشكلة او الطلب من غير مايقدم حل ولا هو يعرف اصلا ايه الحل وتلقيه بعد شهر بقى احلى الخبراء

انا بطلب المساعدة من المشرفين والمساعدين اللى بيتم تعينهم هنا ومن اى حد من اصحاب المنتديات اللى بيعملوا بوابات فيها الجدول ده
انهم يقدمولى الكود ده وشكرا.
وبقول للاعضاء اللى عندهم مشاكل ربنا يكون فى عونكم انتظار ثم انتظار ثم رد ميحلش المشكلة.

اخى الغالى يتم عمل هذا من خلال صفحات html
تابع
صفحات HTML

شكرا على المعلومة دى وياريت تروح تشوف الصفحة اللى انت بعتهالى دى
هتلاقى فى الصورة اللى قبل قبل الاخيرة ضع الكود هنا
انا عايز الكود اللى اضعه بقه
وانا عارف هحط الكود ازاى وعارف هعدل اسماء القوائم ازاى
اللى انا عايزه دلوقتى الكود تمام مش عايز كلام ملوش معنى
وانا فى الحقيقة مش هضايق لما الموضوع محدش يرد عليه لانى عارف محدش هيقدر يساعدنى غير الاعضاء اللى ليهم خبرة فى لغة html
اللى هما فى المجموعات اللى فوق الاحصائيات اشووف بقه هيردوا امتى

تابع
كود مدخل منتدى احترافى سهل التعديل والتركيب على رئيسيه المنتديات

انا خدت من الكود ده الجزء اللى انا عايزه اللى هو ده

الرمز:: <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber6" background="http://img51.imageshack.us/img51/7296/742185282802.gif"> <tr> <td width="100%"><img border="0" src="http://img823.imageshack.us/img823/8691/742185282801.gif" width="199" height="37"></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr>

ازاى يبقى قوائم منسدلة زى ماانا طالب وموضح بالصورة وفين المكان اللى اضع فيه الروابط فهمت طلبى

انا عايز الكود كل الردود اللى فات من الاعضاء من غير فائدة ده انا لو بفهم فى لفة html
على مااظن يتعمل فى ساعه
مش الطلب يفضل متروك لليوم الرابع من غير محد من المجموعات المفروض دول تم تعينهم علشان يساعدوا الناس يرد عليا

انا عايز الكود بتاع طلبى .......

انا خدت من الكود ده الجزء اللى انا عايزه اللى هو ده
الرمز:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber6" background="http://img51.imageshack.us/img51/7296/742185282802.gif"> <tr> <td width="100%"><img border="0" src="http://img823.imageshack.us/img823/8691/742185282801.gif" width="199" height="37"></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr> <td height="30"> <p align="center"><span lang="ar-eg"><b>اسم القسم</b></span></td> </tr> <tr>

ازاى يبقى قوائم منسدلة زى ماانا طالب وموضح بالصورة وفين المكان اللى اضع فيه الروابط فهمت طلبى

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

ليس هذا طلبى اصلا
شوف موقع ماى ايجى مثلا
http://myegy.com
هتلاقى عندهم فائمتين منسدلتين فقط الافلام والمسلسلات
تضغط على الافلام تلاقى ظهر تحتها افلام عربى افلام اجنبى وهكذا....

أنا عايز كود لعمل مثل هذه القائمة المنسدلة فعندى مثلا هعملها بدل افلام هخليها كتب
تضغط على كتب يظهر تحتها اسماء الكتب الموجود فى المدونة كلها بهذا الشكل
كتاب مثلا اساسيات الجيوفيزياء
اساسيات الجيولوجيا
اساسيات الفيزياء وهكذا يعنى

ارجو انى اكون وضحت طلبى جدا انا عايز كود قائمة منسدلة وطبعا الخلفية مش مهم تكون كده علشان محدش يقول ده بتاع ماى ايجى انا عايز الكود لقائمة منسدلة

اخى لايوجد كود ب قوائم منسدلة فى الدعم ابحث عن فى جوجل Cool

انت بتحث فى المنتدى عن الموضوع وتبعتلى الرابط بتاعه انا قبل ماحد الموضوع بحثت برده
وبعدين ياريت اللى بيعرف فى كتابة الاكواد يرد
انا طالب حد يكتبلى الكود مش كل واحد عمال يفتى وخلاص
شكرا لكل اللى رد بس ياريت اللى يرد يكون بيعرف يكتب اكواد

نأسف ع التأخير
- تفضل

الرمز:: <form> <select style="font-weight: bold;" size="1" name="go_to"> <option selected="selected" value="#">اخـتــار قـــســم</option> <option value="رابط القسم">اسم الاقسم</option> <option value="رابط القسم">اسم الاقسم</option> <option value="رابط القسم">اسم الاقسم</option> <option value="رابط القسم">اسم الاقسم</option> </select> <input type="button" style="font-weight: bold;" onclick="location = form.go_to.options[form.go_to.selectedIndex].value;" value="اذهب"> </form>

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

هذا هو ما اريده وهذا الكود يبدو انه عبارة عن جافا اسكريبت
هذا الكود خاص بماى ايجى لكن الجزء الذى اريده لا استطيع اخرجه سليم لعدم علمى لتلك اللغة

الرمز:: <!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <script type="text/javascript" src="http://myegy.com/pop/open.php"></script> <link id="style" rel="stylesheet" href="http://myegy.com/style1/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/menu.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/topic.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/pagination.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://myegy.com/javascript/navigation.js"></script> <script language = javascript> if (document.images) { img1 = new Image(); img2 = new Image(); img3 = new Image(); img4 = new Image(); img5 = new Image(); img6 = new Image(); img7 = new Image(); img8 = new Image(); img1.src = "http://myegy.com/style1/images/header_bg.gif"; img2.src = "http://www.egy-mhe.gov.eg/logo_univs/MANSLOGO.jpg"; img3.src = "http://myegy.com/style1/images/home_top_bg.jpg"; img4.src = "http://myegy.com/images/loading.gif"; img5.src = ""; img6.src = "http://myegy.com/style1/images/logo_top.gif"; img7.src = "http://myegy.com/style1/images/download_bg.gif"; img8.src = "http://myegy.com/style1/images/top_bg.gif" } </script> <div id="container">  <script language="JavaScript" type="text/javascript"> ord=Math.random()*10000000000000000; document.write('<script language="JavaScript" src="http://ad.ae.doubleclick.net/adj/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=' + ord + '?" type="text/javascript"></scr' + 'ipt>'); </script><noscript><a href="http://ad.ae.doubleclick.net/jump/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=123456789?" target="_blank"><img src="http://ad.ae.doubleclick.net/ad/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=123456789?" width="728" height="90" border="0" alt="" /></a></noscript>  </div>  <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="152" height="23" style="vertical-align: top;"> <div id="menu_top"></div> <ul id="main_menu"> <li><a href="The link ">اسم القسم غير مطلوب</a></li> [color=green]<li><a href="#" class="down" onclick="expand_nav(this); return false;"> قائمة منسدلة(كتب)هذا هو المطلوب</a> <ul style="display: none;"> <li><a href=" The Link ">كتاب اول</a></li> <li><a href=" The Link ">كتاب ثانى</a></li> [/color]</ul></li></ul></li></ul></td></tr></table></!doctype>

الكود
اللى فى الاخر اللى مكتوب فيه هذا هو المطلوب ده هو ده الشكل او الطريقة اللى انا عايزها والمشكلة
لما بكرره بجد واحد بس اللى ظاهر والتانى جزء منه بيظهر فى اخره
يعنى القائمة الاولى تظهر والقائمة التانيه تبقى ضمن مكونات الاولى فى الاخر

ارجو بقه كتابة الكود سليم ويتكون من 3 قوائم منسدلة

وتقدر تشوف المساهمة رقم 10 بتاعتى فيه توضيح للطلب اكثر

السلام عليكم
كود جاهز للوضع

الرمز:: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <script type="text/javascript" src="http://myegy.com/pop/open.php"></script> <link id="style" rel="stylesheet" href="http://myegy.com/style1/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/menu.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/topic.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://myegy.com/style1/pagination.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://myegy.com/javascript/navigation.js"></script> <script language = javascript> if (document.images) { img1 = new Image(); img2 = new Image(); img3 = new Image(); img4 = new Image(); img5 = new Image(); img6 = new Image(); img7 = new Image(); img8 = new Image(); img1.src = "http://myegy.com/style1/images/header_bg.gif"; img2.src = "http://www.egy-mhe.gov.eg/logo_univs/MANSLOGO.jpg"; img3.src = "http://myegy.com/style1/images/home_top_bg.jpg"; img4.src = "http://myegy.com/images/loading.gif"; img5.src = ""; img6.src = "http://myegy.com/style1/images/logo_top.gif"; img7.src = "http://myegy.com/style1/images/download_bg.gif"; img8.src = "http://myegy.com/style1/images/top_bg.gif" } </script> <div id="container">  <script language="JavaScript" type="text/javascript"> ord=Math.random()*10000000000000000; document.write('<script language="JavaScript" src="http://ad.ae.doubleclick.net/adj/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=' + ord + '?" type="text/javascript"></scr' + 'ipt>'); </script><noscript><a href="http://ad.ae.doubleclick.net/jump/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=123456789?" target="_blank"><img src="http://ad.ae.doubleclick.net/ad/myegy.com/ROS_Leader;tile=1;sz=728x90;ord=123456789?" width="728" height="90" border="0" alt="" /></a></noscript>  </div>  <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="152" height="23" style="vertical-align: top;"> <div id="menu_top"></div> <ul id="main_menu"> <li><a href="The link ">اسم القسم غير مطلوب</a></li> <font color="green"><li><a href="#" class="down" onclick="expand_nav(this); return false;"> قائمة منسدلة(كتب)هذا هو المطلوب</a> <ul style="display: none;"> <li><a href=" The Link ">كتاب اول</a></li> <li><a href=" The Link ">كتاب ثانى</a></li> </font></ul></li></ul></li></ul></td></tr></table></!doctype>

اريد كود (html or css) لجدول به قوائم منسدلة

اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة

رد: اريد كود (html or css) لجدول به قوائم منسدلة