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

 
قديم 01-08-2013, 05:59 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Talking أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : admin




السلام عليكم يسرني اليوم أن أشرح لكم طريقة إضافة قائمة موقع Mashable معربة
وهي من أفضل القوائم المنسدلة على بلوجر

صورة للإضافة :



مثال مباشر : مدونة تجريبية

شرح التركيب :
اذهب إلى قالب وقم بتوسيع عناصر القوالب :
- ابحث عن : ]]></b:skin>
والصق قبلها مباشرة :

كود HTML:
/* Menu Stylings */
.w2bmenu *{margin: 0;padding: 0;}
ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;}
ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;}
ul.w2bmenu li{list-style: none;position:relative;float: right;margin: 0 !important;padding: 0 !important;}
ul.w2bmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;}
ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #f5f5f5 !important;}
ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;}
ul.w2bmenu li:hover > ul{display: block;}
ul.w2bmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;}
ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;}
ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #fff !important;}
ul.w2bmenu ul ul{display: none;right: 100%;top: 0;}
/* AJAX Menu Stylings */
ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;right: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;}
ul.w2bajaxmenu li:hover div.submenu {display: block;}
ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;}
ul.w2bajaxmenu ul li{background: none !important;float: none !important;}
ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;right:0;top:0;bottom: 0;background: #f5f5f5;}
ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: left;margin: 8px 0 !important;background: none;}
ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;}
ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;}
ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;right: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;}
ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;}
ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;}
ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;left:5px;}
ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;left: 11px;top: 50%;width: 0;}
#w2bajaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;}
الآن ابحث عن : </head>
وأضف قبلها :
كود HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src='http://widgets.way2blogging.org/blogger-widgets/ajaxbloggermenu.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($) {
    $('#w2bajaxmenu').ajaxBloggerMenu({
        numPosts : 4, // Number of Posts to show
        defaultImg : 'http://www.usar.army.mil/_layouts/USAR/images/thumbnail.png' // Default thumbnail Image
    });
});
</script>
الآن قم بحفظ القالب.
- اذهب الى التخطيط وأضف أداة HTML/JavaScript الصق فيها الكود التالي مع تغيير أسماء التسميات وروابطها :

كود HTML:
<ul id="w2bajaxmenu" class="w2bmenu">
    <li>
        <a href="#">الرئيسية</a>
    </li>
    <li>
        <a href="#">أقسام المدونة رقم 1</a>
        <ul>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/أخبار">أخبار</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/يورو 2012">يورو 2012</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/إنترنت">إنترنت</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/سياحة">سياحة</a></li>
        </ul>
</li>
<li>
        <a href="#">أقسام المدونة رقم 2</a>
        <ul>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/أخبار">أخبار</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/يورو 2012">يورو 2012</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/إنترنت">إنترنت</a></li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/سياحة">سياحة</a></li>
        </ul>
    </li>
            <li><a href="http://test6-bloggerexp.blogspot.com/search/label/معهد خبراء بلوجر">معهد خبراء بلوجر</a></li></ul>

ملاحظة :
  • الروابط يجب أن تكون بنفس الصيغة أعلاه لذا غير فقط اسم مدونتك واسم التسمية فقط
  • الصور يجب أن تكون مرفوعة مباشرة على بلوجر.

لا أسمح بنقل الموضوع بدون ذكر المصدر
+ غير مسجل إذا أعجبتك الأداة فلا تبخل علينا بلايك أسفله

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 01-08-2013, 07:57 PM   #2
عماد عادل
مدون مميز
 
الصورة الرمزية عماد عادل
 
تاريخ التسجيل: May 2012
الدولة: تونس
المشاركات: 874
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : عماد عادل




إضافة رائعة، شكرا لك
__________________
Arabic Labs | المختبرات العربية
أفضل مكان لتعلم المهارات الإبداعية والفنية مثل تطوير وتصميم المواقع الإلكترونية، (وغيرها الكثير).
http://www.arabiclabs.com
من مواضيع عماد عادل

الدعم العربي

عماد عادل غير متواجد حالياً   رد مع اقتباس
قديم 06-01-2013, 03:13 PM   #3
dragown
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 80
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : dragown




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

الدعم العربي

dragown غير متواجد حالياً   رد مع اقتباس
قديم 06-01-2013, 08:48 PM   #4
mohssine ait
مشرف قسم طلبات الدعم الفني
 
الصورة الرمزية mohssine ait
 
تاريخ التسجيل: Sep 2012
المشاركات: 195
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : mohssine ait




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

الدعم العربي

mohssine ait غير متواجد حالياً   رد مع اقتباس
قديم 06-02-2013, 06:17 PM   #5
alimaher19
مدون جديد
 
الصورة الرمزية alimaher19
 
تاريخ التسجيل: Jul 2012
المشاركات: 61
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : alimaher19




شكرآ على الاضافة الرائعة.
__________________
http://3rbaway.blogspot.com/
من مواضيع alimaher19

الدعم العربي

alimaher19 غير متواجد حالياً   رد مع اقتباس
قديم 06-06-2013, 12:37 AM   #6
عبدالله للمعلوميات
مدون جديد
 
الصورة الرمزية عبدالله للمعلوميات
 
تاريخ التسجيل: May 2013
الدولة: جمهورية مصر العربية
المشاركات: 24
إرسال رسالة عبر Skype إلى عبدالله للمعلوميات
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : عبدالله للمعلوميات




جميلة جدا اخى واتمنى لك التوفيق

الدعم العربي

عبدالله للمعلوميات غير متواجد حالياً   رد مع اقتباس
قديم 06-07-2013, 04:11 PM   #7
مدونة حجاب هوست
مدون جديد
 
الصورة الرمزية مدونة حجاب هوست
 
تاريخ التسجيل: May 2012
الدولة: http://footballegy1.blogspot.com
المشاركات: 27
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : مدونة حجاب هوست




جميله اووي الاضافة دي ..كان فينك من زمان

الدعم العربي

مدونة حجاب هوست غير متواجد حالياً   رد مع اقتباس
قديم 06-08-2013, 06:34 PM   #8
saidrahmani
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 12
افتراضي رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : saidrahmani




شكرا لك

الدعم العربي

saidrahmani غير متواجد حالياً   رد مع اقتباس
قديم 06-12-2013, 03:37 PM   #9
Dark-Angel
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 18
Smile رد: أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)

أنا : Dark-Angel




شكراا لك أخي الكريم


تحياتي :

الدعم العربي

Dark-Angel غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
blogger, بلوجر, mashable, قائمة منسدلة, قائمة بلوجر, قائمة روابط


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
حصري على خبراء بلوجر إضافة قائمة روابط جانبية منسدلة خالد الاحمري إضافات وأدوات بلوجر 5 02-13-2013 01:00 PM
قائمة مميزة منسدلة بثأتير جميله وشكل روعه 2013 السيد ابو جبل إضافات وأدوات بلوجر 0 10-22-2012 10:56 PM
قائمة منسدلة لصفحات المدونة أم امنة طلبات الدعم الفني 0 09-14-2012 02:34 PM
قائمة إدارة المدونة لمنصة بلوجر الجديدة السيد ابو جبل إضافات وأدوات بلوجر 13 09-05-2012 05:03 PM
قائمة إدارة المدونة على مدونات بلوجر AHMED_ELBRANS إضافات وأدوات بلوجر 6 07-16-2012 12:25 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 02:44 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)