الويب العربي - كيفية صنع بلوك بقائمة منسدلة بنفس تنسيق القائمة اليمنى الرئيسية

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

كيفية صنع بلوك بقائمة منسدلة بنفس تنسيق القائمة اليمنى الرئيسية

السلام عليكم ورحمة الله وبركاته

وكل عام والجميع بكل خير ان شاء الله

نظرا لكثرة طلب مثل هذا البلوك

الذى يكون بنفس تنسيق القائمة اليمنى وعبارة عن قائمة بعدد من العناوين
كل عنوان يخرج منه قائمة منسدله أخرى

أو مثل هذا البلوك

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

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

الخطوات

1-- افتح نموذج ال rcontenet
2--اختر المكان المناسب لوضع البلوك
مع مراعاة كونه بين نهاية بلوك وبداية آخر
"يمكنك وضعه مباشرة أعلى هذا الكود



ليكون اعلى الاستفتاءات وتحت القائمة الرئيسية مباشرة

اولا لصناعة بلوك مثل هذا

استخدم مثل هذا الكود

كود:



<br>



<table align=center border=0 cellpadding=0 cellspacing=0 class="dcitb" width=150>

<td align="center" class="dcitbbt" height="20"> أقسام المنتديات </td></tr></table>







<div id="menu">

<ul id="menuList">





<li><a name="submenu" class="submenu"> قسم </a>

<ul>

<li><a href="http://www."> فرع1 </a></li>

<li><a href="http://www."> فرع2 </a></li>

<li><a href="http://www."> فرع3 </a></li>

<li><a href="http://www."> فرع4 </a></li>

</ul>

</li>







<li><a name="submenu" class="submenu"> قسم </a>

<ul>

<li><a href="http://www."> فرع1 </a></li>

<li><a href="http://www."> فرع2 </a></li>

<li><a href="http://www."> فرع3 </a></li>

<li><a href="http://www."> فرع4 </a></li>

</ul>

</li>













</ul>

</div>



<br>

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

الجزء من الكود بالأزرق هو الوحدة التى ستتكرر هنا بعدد خانات القائمة التى نريدها

فهو ينشى خانة واحدة فى القائمة يندرج منها 4 روابط كقائمة منسدله كما موضّح بالصورة

ومكرر هنا مرتين

مرة باللون الأزرق ومرة باللون الأسود

ويمكنك تكراره عدد ما تشاء من المرات

وهذا هو منفصلا

كود:

<li><a name="submenu" class="submenu"> قسم </a>

<ul>

<li><a href="http://www."> فرع1 </a></li>

<li><a href="http://www."> فرع2 </a></li>

<li><a href="http://www."> فرع3 </a></li>

<li><a href="http://www."> فرع4 </a></li>

</ul>

</li>

كود كل فرع كما موضح هو ذاك

كود:

<li><a href="http://www."> فرع1 </a></li>

فيمكنك زيادة الأفرع أو تقليصها بازالته او تكراره كما تحب
مع مراعاة الحفاظ على بدايات الأكواد ونهايتها

يتبع

وللحصول على مثل هذا البلوك

يمكنك استخدام كود كهذا

كود:

<br>



<table align=center border=0 cellpadding=0 cellspacing=0 class="dcitb" width=150>

<td align="center" class="dcitbbt" height="20"> أقسام المنتديات </td></tr></table>







<div id="menu">

<ul id="menuList">





<li><a target="blank"  href="/vb/forumdisplay.php?f=5">  الإسلامية </a> </li>



<li><a target="blank"  href="http://www./vb/forumdisplay.php?f=1">  العامّـة </a> </li>

<li><a  target="blank"  href="http://www./vb/forumdisplay.php?f=3">  الإجتماعية</a> </li>

<li><a  target="blank"   href="http://www./vb/forumdisplay.php?f=15"> الثقافيّة </a> </li>

<li><a  target="blank"  href="http://www.net/vb/forumdisplay.php?f=8">  التقنيّة</a> </li>

<li><a target="blank"  href="http://www..net/vb/forumdisplay.php?f=32"> الإدارية</a> </li>









</ul>

</div>



<br>

ايضا حافظ على بدايات ونهايات الكود بالأحمر

كل رابط مستقل كما هو موضح باللون الأزرق

يمكنك التعديل عليه كما تريد مع تكراره بعدد ما تريد من الخانات

فى هذا الكود سينشئ 6 خانات كل خانة بها رابط يؤدى الى قسم بالمنتدى كمثال

أتمنى يكون الشرح واضح والمثال بسيط

وأتمنى يستفيد منه الجميع

أطيب تحياتى
محمد نور
http://www.dciwww.com/

مشكور أخي محمد نور على الشرح الواضح

مودتي

شكرآ من الاعماق الي محمد نور

علي التسيق وترتيب القائمه..

والتجاوب السريع في طلب الاعضاء..

شكرآ

إقتباس:

اقتباس من مشاركة الساهر (المشاركة 374714)

مشكور أخي محمد نور على الشرح الواضح

مودتي

العفو اخى الكريم

وشكرا على مرورك واهتمامك

فائق احترامى لك

إقتباس:

اقتباس من مشاركة خلفان (المشاركة 374853)

شكرآ من الاعماق الي محمد نور

علي التسيق وترتيب القائمه..

والتجاوب السريع في طلب الاعضاء..

شكرآ

العفو اخى الكريم

واهم شئ يكون الشرح واضح وتتم الاستفادة الحقيقية منه

احلى الأمانى لك وللجميع

بارك الله فيك اخوي محمد ..

درس جميل و شرح وافي ..

سؤال اخوي محمد ..

مثلا اريد ان اضيف تفرع من تفرع ..

مثلا ..

القسم الاسلامي >> الاسئلة الشرعية >> الاسئلة الشرعية الخاصة ..

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

يعني اذا وقفت مثلا على الاسلامي بالماوس
يظهر لي تفرعاته .. و اقدر ادخل عليه او على اي تصنيفات متفرعة منه ..

ان شاء الله تكون فهمت قصدي .. :)

شكراً لك ما قصرت

و لا بد لنا من استخدامه عاجلاً ام آجلاً

إقتباس:

اقتباس من مشاركة عبدالله الخثعمي (المشاركة 376181)

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

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

اطيب تحياتى لك

إقتباس:

اقتباس من مشاركة bin-mansoor.com (المشاركة 379502)

شكراً لك ما قصرت

و لا بد لنا من استخدامه عاجلاً ام آجلاً

مشكور على مرورك يالغالى

وان شاء الله تستفيد منه

أطيب تحية

الله يعطيك العافيه اخوي محمد نور ...

تم تركيب البلوك بنجاح ..:)