القائمة المنسدلة حل مشاكلها , ( الرد على الاستفسارات )

بسم الله الرحمن الرحيم ,

/

شيكت على ايميلي وشفت هالرساله من اختنا ^_^

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

وإنتي بصحة وسسسلامة حبيبتي ~

إن شاء الله بتصيرين محترفه فيه ..

لأن بلوقر سسهل التعامل معها ومررره ممتعه وحلوووة 

طيب ياقلبي بالكود موجود الشرح بالنص وكااامل تماماً

لتحميل الكود : " أضغطي هنا "

وهذا الشرح بالصور : " أضغطي هنا "

بالنسبة للبحث :

انتبهي .. أبحثي عن هالكود
~
 </head>

أوك ياقلبي ^_^


راح اكتب لك الشرح الحين كما في الكود :



الخطوة الاولى:انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم "تحريرhtml " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. ,ولا تنسى ان تاخذ نسخة احتياطية من القالب تجنبا لحدوث اى اخطاء لقدر الله
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (ctrl+f)

رمز HTML :

</head>

ثم نضيف قبلها مباشرة الكود التالي :

رمز HTML :

<!--jquery-DD-Menu-Starts--><style type='text/css'>/* menu styles */#jsddm{ margin: 0;padding: 0}#jsddm li{ float: left;list-style: none;font: 12px Tahoma, Arial}#jsddm li a{ display: block;background: #324143; /*DARK-GREEN*/padding: 5px 12px;text-decoration: none;border-right: 1px solid white;width: 70px;color: #EAFFED;white-space: nowrap}#jsddm li a:hover{ background: #24313C}#jsddm li ul{ z-index: 30; margin: 0;padding: 0;position: absolute;visibility: hidden;border-top: 1px solid white}#jsddm li ul li{ float: none;display: inline}#jsddm li ul li a{ width: auto;background: #A9C251; /*LIGHT-GREEN*/color: #24313C}#jsddm li ul li a:hover{ background: #8EA344}</style><!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/><script type='text/javascript'>var timeout = 500;var closetimer = 0;var ddmenuitem = 0;function jsddm_open(){ jsddm_canceltimer();jsddm_close();ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}function jsddm_close(){ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}function jsddm_timer(){ closetimer = window.setTimeout(jsddm_close, timeout);}function jsddm_canceltimer(){ if(closetimer){ window.clearTimeout(closetimer);closetimer = null;}}$(document).ready(function(){ $('#jsddm &gt; li').bind('mouseover', jsddm_open);$('#jsddm &gt; li').bind('mouseout', jsddm_timer);});document.onclick = jsddm_close;</script><!--jquery-DD-Menu-Stops-http://bdlab.blogspot.com-->

اخيرا قوم بحفظ القالب

الخطوة الثانية :
نذهب الى " تصميم "ثم" عناصر الصفحة" ثم" نضيف اداةHTML/JavaScript"

ونضيف هذا الكود :

رمز HTML :

<div dir="rtl" style="text-align: right;" trbidi="on">

<div dir="rtl" style="text-align: right;" trbidi="on">
<ul id="jsddm">
<li><a href="http://dl3soso.blogspot.com/">الصفحة الرئيسية</a></li>
<li><a href="http://dl3soso.blogspot.com/">شفيعنا بالقبر</a><ul>
<li><a href="http://www.quranflash.com/quranflash.html" target="_blank">تصفح القرآن كامل كما لو كان في إيدينك</a></li>
<li><a href="http://www.tvquran.com/" target="_blank">استمع للقرآن وانت تتصفح النت [ تلاوات مميزة ]</a></li>
<li><a href="http://www.chofoo.com/mekka.htm" target="_blank">مشاهده الحرم المكي مباشرة ( بث مباشر )</a></li>
</ul>
</li>
<li><a href="http://gallerysoso.blogspot.com/" target="_blank">❤ معرضي للصور</a></li>
<li><a href="http://dl3soso.blogspot.com/">أقسام المدونة</a><ul>
<li><a href="http://goo.gl/eBYmk"> مقتطفآت [ إيمآني بربي ]</a></li>
<li><a href="http://goo.gl/u92DC">’ رسسسول آلله (عليه الصلاه والسلام) } -</a></li>
<li><a href="http://goo.gl/XtJnb">دنيـآإ آلفوتوشوب ودروسـه ~</a></li>
<li><a href="http://goo.gl/uasaF">دروس’ للمدونة ( بلوجر)</a></li>
<li><a href="http://goo.gl/dk3hC">آيفووون ـي ||</a></li>
<li><a href="http://goo.gl/yUHt4">مذكرآإتـي وعـآلمي آلخـآإص&nbsp;</a></li>
<li><a href="http://goo.gl/ZFdny">يوميآت عروسْ</a></li>
<li><a href="http://goo.gl/BTdHA">تصآإمـيمي</a></li>
<li><a href="http://dl3soso.blogspot.com/search/label/minipost">كتآبآت قصيـرة معبـرة ~ </a></li>
<li><a href="http://goo.gl/Bf9Zo">منوعـإآت</a></li>
<li><a href="http://goo.gl/tXr06">اسألتكم وإستفساراتكم</a></li>
</ul>
</li>
<li><a href="http://dl3soso.blogspot.com/">سيرتي الخاصة</a><ul>
<li><a href="http://dl3soso.blogspot.com/p/blog-page_09.html">سيرتي الشخصية والاجتماعية</a></li>
<li><a href="http://dl3soso.blogspot.com/p/blog-page_1269.html">شريط مفضلتي</a></li>
<li><a href="http://dl3soso.blogspot.com/2011/09/431431.html">تفاصيل مدونتي</a></li>
<li><a href="http://goo.gl/Z09XK">كشكول حياتي</a></li>
</ul>
</li>
<li><a href="http://dl3soso.blogspot.com/">للتواصل والتبادل</a><ul>
<li><a target="_blank" href="http://www.emailmeform.com/builder/form/0v9I9AQe8u">إتصل بي</a></li>
<li><a href="http://dl3soso.blogspot.com/p/blog-page_14.html">للتبادل الإعلاني بالبنر او بالنص</a></li>
</ul>
</li>
<li><a href="http://dl3soso.blogspot.com/p/blog-page_19.html">سجل الزوار</a></li>
<li><a href="http://dl3soso.blogspot.com/p/blog-page_21.html">الفهرس</a></li>
</ul>
</div>
</div>

ونضغط على حفظ ..






...


واذا مالقيتيها او ماصارت معك هالاضافة .. أرفقي قالب مدونتك من هنا 

أنتظر ردك وجوابك ~