قائمة منسدلة احترافيه مع امكانية تغيير لونها بتقنية CSS

قائمة منسدلة احترافيه مع امكانية تغيير لونها بتقنية CSS


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

يمكنك معاينة القائمة معاينة مباشرة قبل الشروع فى تركيبها 
من هنا
شرح تركيب الأضافة
اذهب للوحة التحكم >> التخطيط >> اضافة أداة >> Html/javascript
ضع الكود التالى بها 
ثم قم بالحفظ  
♦  للحصول على الكود اضغط هنا
♦ بعد الذهاب لصفحة الكود اضغط على Ctrl + A  لتحديد الكود بأكمله ثم قم بنسخه ♦
سيتم طلب  كلمة سر للحصول على الكود وهى
myebd3at.blogspot.com
تحذيـــــر هام 
لن تعمل هذه الاضافة عند الجميع وجاى العمل على جعلها متوافقة مع الجميع

المشاركات الشائعة من هذه المدونة

اضافة خاصية آخر المواضيع لقسم معين في مدونات بلوجر حصريا

صورة
اضافة اخر المشاركات تعتبر من المشاراكات الغير الضرورية لمدونات بلوجر الا أنها في بعض الأحيان قد تكون مفيدة و جيدة ان أحسنا استخدامها و ذلك عن طريق عرض اخر مواضيع قسم معين من المدونة ليتمكن زوار المدونة من الوصول الى المواضيع بكل سهولة و سلاسة . و هي اضافة أنصح بها كثيرا أصحاب المدونات و المواقع الاخبارية و المدونات العامة التي تقوم بتحديث المواضيع بشكل مستمر و دائم . فاذا كانت المدونة الخاصة بك تتوفر على كثرة المواضيع و الأقسام و تريد مساعدة زوارك على العثور و الوصول الى مشاركاتك بشكل سريع فما عليك سوى تركيب الاضافة و تسهيل الامر على الزوار . اما فيما يخص طريقة التركيب فقد اعتدنا على ذكرها ما عليك الا التوجه الى لوحة الحكم الخاصة بالمدونة ثم الى التخطيط  بعد ذلك تقوم باضافة أداة في الفوتر او السايدبار و انا شخصيا أفضلها في الفوتر ثم قم باضافة الكود الذي في الأسفل . <style>img.recent_thumb {background:#fff;padding:2px;width:64px;height:64px;border:1px solid #777;float:left;margin:5px 10px 5px 0;}.recent_posts_with_thumbs {float: left;margin: 5px 0px 5px 0...
قراءة المزيد

[CSS3] قائمة منسدلة كاملة احترافية للموقع

صورة
بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة والسلام السلام عليكم ورحمة الله وبركاته. [CSS3] قائمة منسدلة كاملة احترافية للموقع   مثال مباشر :  هنا طريقة التركيب :  ادخل مدونتك  ابحث عن  ]]></b:skin> ضع هذا الكود فوقه مباشره او قبله :  @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); #contact-links{ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);     margin: auto;     position: relative;     width: 100%;   text-align: right;   font: 12px 'Droid Arabic Kufi', serif; direction: rtl; } #contact-links a{ color:#4C9FEB; } #contact-links a:hover{ color:#3D85C6; } a#o-7lol-dro{ background:url(https://jetara.googlecode.com/svn/trunk/icon-ios7-arrow-down-16.png); background-repeat:no-repeat; background-position:center left 5px; padding-left:25px!important; } #menu-container{ background:-webkit-gradient(linear,l...
قراءة المزيد