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

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة قائمة مميزة منسدلة بثأتير جميله وشكل روعه 2013
التسجيل التعليمـــات التقويم مشاركات اليوم البحث


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 10-22-2012, 10:56 PM   #1
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي قائمة مميزة منسدلة بثأتير جميله وشكل روعه 2013
أنا : السيد ابو جبل
سجل معنا لتتمتع بهذه الخاصية





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

تتيح لنا وبسهولة تامة إضافة تأثيرات رائعة على صفحات الويب



وسهولة التحكم بالكثير من الأحداث مثل تمرير مؤشر الفأرة أو النقر بزر الفارة وغيرها الكثير بسطور برمجية قليلة ومفهومة




موضوعنا اليوم تم قرائته من هدا الموقع

شاهد الاضافة على مدونة تجربية
شرح الاضافة
طريقة التركيب
.1 اذهب للوحة التحكم
2. تخطيط
3.عناصر الصفحة
4. اضف اداة
6.اختار Html/Javascript
 هذا هو الكود

كود بلغة HTML:
<script src="http://blogspacetech.googlecode.com/files/prototype.js" type="text/javascript"></script>

<script src="http://bilokr.googlecode.com/files/effects.js" type="text/javascript"></script>

<script src="http://bilokr.googlecode.com/files/side-bar.js" type="text/javascript"></script>


<style>

{

    font-size:75%;

}

a{

    outline: none;

}

a:active{

    outline: none;

}

#sideBar{

text-align:center;

}

#sideBar h2{

    color:#FFFFFF;

    font-size:110%;

    font-family:arial;

    margin:10px 10px 10px 10px;

    font-weight:bold !important;

}

#sideBar h2 span{

    font-size:125%;

    font-weight:normal !important;

}

#sideBar ul{

    margin:0px 0px 0px 0px;

    padding:0px 0px 0px 0px;

}

#sideBar li{

    margin:0px 10px 3px 10px;

    padding:2px;

    list-style-type:none;

    display:block;

    background-color:#DA1074;

    width:177px;

    color:#FFFFFF;

}

#sideBar li a{

    width:100%;

}

#sideBar li a:link,

#sideBar li a:visited{

    color:#FFFFFF;

    font-family:verdana;

    font-size:100%;

    text-decoration:none;

    display:block;

    margin:0px 0px 0px 0px;

    padding:0px;

    width:100%;

}

#sideBar li a:hover{

    color:#FFFFFF;

    text-decoration:underline;

}

#sideBar{

    position: fixed;

    width: auto;

    height: auto;

    top: 140px;

    left:0px;

    background-image:url(http://2.bp.blogspot.com/_jFIsHl5gfpM/THhjQQUWsXI/AAAAAAAAAto/5E96FIy3Z0Q/s320/2wejg37.jpg.gif);

    background-position:top right;

    background-repeat:repeat-y;

}

#sideBarTab{

    float:left;

    height:137px;

    width:28px;

}

#sideBarTab img{

    border:0px solid #FFFFFF;

}

#sideBarContents{

    float:left;

    overflow:hidden !important;

    width:200px;

    height:320px;

}

#sideBarContentsInner{

    width:200px;

}</style>

<div id="sideBar">

        <div id="sideBarContents" style="display:none;">

        <div id="sideBarContentsInner">

            <h2><div style="text-align: justify;"><span style="font-family:verdana;">روابط هامة</span>

</div></h2>

<ul>

<li><a href="#">الرابط الاول</a></li>

<li><a href="#">الرابط الثاني</a></li>

<li><a href="#">الرابط الثالت</a></li>

<li><a href="#">الرابط الرابع</a></li>

</ul>

</div> </div>

     <a id="sideBarTab" href="#"><img alt="sideBar"  src="http://1.bp.blogspot.com/_jFIsHl5gfpM/THhjOWad6fI/AAAAAAAAAtg/tG7K8tSbhdM/s320/blogspacetech.gif"  title="sideBar" /></a>

</div>
تمنى لك الاستفادة

المصدر http://bilokr.blogspot.com/2012/10/2013.html

الدعم العربي

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

مركز رفع موسوعة العربية
إضافة رد

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

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة) admin إضافات وأدوات بلوجر 8 06-12-2013 03:37 PM
إضافة تبادل إعلاني بتأثير جميل haitham max دروس بلوجر 1 03-18-2013 08:24 PM
مدونة المستجد:بث مباشر ،الجزيرة بلاس،برامج الحاسوب 2013،قوالب و إضافات مميزة لبلوجر tafelalt المنتدى الإشهاري 4 02-16-2013 05:50 PM
حصري على خبراء بلوجر إضافة قائمة روابط جانبية منسدلة خالد الاحمري إضافات وأدوات بلوجر 5 02-13-2013 01:00 PM
قائمة منسدلة لصفحات المدونة أم امنة طلبات الدعم الفني 0 09-14-2012 02:34 PM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


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

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 06:38 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)