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

 

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




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 09-06-2012, 12:54 PM   #1
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
Talking حصريا اضافة القائمة المنسدلة بتقنية css بجميع اشكل المدونات فى معهد خبراء بلوجر

أنا : السيد ابو جبل




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

بعد ان وعدكم بالموضيع الحصريا فى معهد خبراء بلوجر سوف يتم ان شاء الله هذا الاضافة من اهمية الاضافة دخل مدونتك

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

اضافة القائمه بكثر من شكل شاهد الصورة للمعاينه او الدخول على ربط الاسفل لمعاينه الاضافة فى مدونة تجربيه
http://bilokr1.blogspot.com


وهذا صورة الاضافة بجميع اشكل الى بعض المدونات







بعد مشاهد الاضافة





تابع التركيب وهو سهل جداا ان شاء الله



طريقة التركيب :

بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f







كود بلغة HTML:
]]></b:skin>



اضف قبله الكود التالى


كود بلغة HTML:
/*lavalamp fancy menu start*/
 
.lavalamp {
position: relative;
border: 1px solid #d6d6d6;
background: #fff;
padding: 15px;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border-radius : 10px;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
height: 18px;
font-family: calibri;
}
 
.magenta {
background : rgb(190,64,120);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
border: 1px solid #841144;
 
}
 
.cyan {
background : rgb(64,181,197);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
border: 1px solid #2f8893;
 
}
 
.yellow {
background : rgb(255,199,79);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
border: 1px solid #c08c1f;
 
}
 
.orange {
background : rgb(255,133,64);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
border: 1px solid #c04f11;
 
}
 
.dark {
background : rgb(89,89,89);
background : -webkit-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
background : -moz-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
border: 1px solid #272727;
 
}
 
.magenta li a , .cyan li a, .yellow li a , .orange li a, .dark li a{
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.40);
 
}
 
.lavalamp a {
text-decoration: none;
color: #262626;
line-height: 20px;
}
 
.lavalamp ul {
margin: 0;
padding: 0;
z-index: 300;
position: absolute;
}
 
.lavalamp ul li {
list-style: none;
float:left;
 
text-align: center;
}
 
.lavalamp ul li a {
padding: 0 20px;
text-align: center;
}
 
.floatr {
position: absolute;
top: 10px;
z-index: 50;
width: 70px;
height: 30px;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
background : rgba(0,0,0,.20);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
}
 
/*lavalamp fancy menu End*/


ثم ابحث عن الكود التالى




كود بلغة HTML:
</head>

ثم اضف الكود التالى فوقه مباشر



كود بلغة HTML:
<script src='http://bilokr.googlecode.com/files/ajaxlibsjquery.css' type='text/javascript'/>
<script src='http://bilokr.googlecode.com/files/lavalamp2.js' type='text/javascript'/>


ثم احفظ



الخطوة الاخير تركيب جافة سكربت





طريقة التركيب

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

هذا هو الكود



كود بلغة HTML:
<div class="lavalamp orange">
 <ul>
  <li class="active"><a href="/">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط القسم">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
  <li><a href="ربط">تعديل</a></li>
 </ul>
 <div class="floatr"></div>
</div>





ثم حفظ مع سحب الاداه فى المكان المناسب فى مدونتك لتغيير شكل الاضافة بالون الاحمر تابع اشكل لاضافة


الشكل رقم {1}






كود الشكل استبدله بلكود الاحمر



كود بلغة HTML:
<div class="lavalamp orange">





كود بلغة HTML:
<div class="lavalamp yellow">





كود بلغة HTML:
<div class="lavalamp magenta">





<div class="lavalamp">






كود بلغة HTML:
<div class="lavalamp cyan">





كود بلغة HTML:
<div class="lavalamp dark">



بعد اختيار الشكل المناسب الى مدونتك عدل ما فى الكود الجافه بلاينسبك



يا رب يكون الموضوع قض اعجبكم


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







الصور المرفقة
نوع الملف: jpg 7.jpg‏ (8.2 كيلوبايت, المشاهدات 33)

الدعم العربي

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

مركز رفع موسوعة العربية
قديم 09-06-2012, 05:01 PM   #2
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: حصريا اضافة القائمة المنسدلة بتقنية css بجميع اشكل المدونات فى معهد خبراء بلوجر

أنا : السيد ابو جبل




اية يا جماعه والله الاضافة لسه جديدة ما موجودة فى اى مدونة ولا منتدى فين التشجيع

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 09-06-2012, 07:36 PM   #3
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: حصريا اضافة القائمة المنسدلة بتقنية css بجميع اشكل المدونات فى معهد خبراء بلوجر

أنا : admin




هناك مشكل في اتجاه الخلفية (غير معربة) جرب تعدل كود الجافا

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 09-06-2012, 09:27 PM   #4
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: حصريا اضافة القائمة المنسدلة بتقنية css بجميع اشكل المدونات فى معهد خبراء بلوجر

أنا : السيد ابو جبل




اقتباس:
المشاركة الأصلية كتبت بواسطة عثمان بن الطالب مشاهدة المشاركة
هناك مشكل في اتجاه الخلفية (غير معربة) جرب تعدل كود الجافا
هذا الاضافة شغاله ما فيها اى مشكله يا اخ عثمان

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 09-06-2012, 10:45 PM   #5
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: حصريا اضافة القائمة المنسدلة بتقنية css بجميع اشكل المدونات فى معهد خبراء بلوجر

أنا : السيد ابو جبل




ازى كانت المشكله فى اتجاه ابحث عن الكود التالى

كود بلغة HTML:
.lavalamp ul li {
list-style: none;
float:left;

واستبدال بالكود التالى
كود بلغة HTML:
.lavalamp ul li {
list-style: none;
float:right;

ثم حفظ




__________________
مدونة بلوجر توب
أضافات بلوجرقوالب مجانى ادوات بلوجر أشهار مدزنتك مجانى

ربط المدونة

http://bilokr.blogspot.com
من مواضيع السيد ابو جبل

الدعم العربي

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

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


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

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

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

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر Nassro إضافات وأدوات بلوجر 21 06-21-2013 05:45 PM
حصريا على معهد خبراء بلوجر ,اضافة جميلة للبلوجر abdilahsez إضافات وأدوات بلوجر 5 04-04-2013 11:25 PM
استفسار عن كيفية اضافة مواضيع جديدة في اقسام القائمة المنسدلة انور طلبات الدعم الفني 6 03-03-2013 12:47 PM
قالب غرباء حصريا على معهد خبراء بلوجر عماد عادل قوالب بلوجر عربية ومعربة 4 07-19-2012 03:35 PM





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

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