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

 
قديم 08-01-2012, 02:54 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : admin




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

مثال على الإضافة :



شرح التركيب :

1- قم بتطبيق :
شرح إلغاء انبثاق الصور الأتوماتيكي من بلوجر

2- إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم، ابحث عن </body> وأضف قبلها الكود التالي :

كود PHP:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<
style type='text/css'>
    
/* jQuery lightBox plugin - Gallery style */
    #gallery {
        
background-color#444;
        
padding10px;
        
width520px;
    }
    
#gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        
border5px solid #3e3e3e;
        
border-width5px 5px 20px;
    }
    
#gallery ul a:hover img {
        
border5px solid #fff;
        
border-width5px 5px 20px;
        
color#fff;
    
}
    
#gallery ul a:hover { color: #fff; }
    
</style>
<
script src='https://bloggerexp.googlecode.com/svn/trunk/jquery.lightbox-04.js' type='text/javascript'/>
<
link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/>
<
script type='text/javascript'>
$(function() {
$(
'a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox();
});
</script> 


غير مسجل إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

الدعم العربي

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

مركز رفع موسوعة العربية
قديم 08-04-2012, 05:59 PM   #2
a7meda1a
مدون جديد
 
الصورة الرمزية a7meda1a
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : a7meda1a




اضافه جميله كنت عاملها وكان ينقصني هذا الموضوع
http://www.bloggerexp.com/showthread.php?t=2717
لأن الصوره كانت بتنبثق مرتين
شكرا علي الاضافه وجزاك الله خير

الدعم العربي

a7meda1a غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 06:03 PM   #3
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة a7meda1a مشاهدة المشاركة
اضافه جميله كنت عاملها وكان ينقصني هذا الموضوع
http://www.bloggerexp.com/showthread.php?t=2717
لأن الصوره كانت بتنبثق مرتين
شكرا علي الاضافه وجزاك الله خير
الحمد لله أنك استفدت معنا

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 12-23-2012, 07:02 PM   #4
prin
مدون جديد
 
تاريخ التسجيل: Dec 2012
المشاركات: 9
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : prin




قمت بعمل الشرح ولم يتغير شئ اخي الكريم

الدعم العربي

prin غير متواجد حالياً   رد مع اقتباس
قديم 12-25-2012, 10:38 AM   #5
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : admin




الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 12-27-2012, 12:52 AM   #6
prin
مدون جديد
 
تاريخ التسجيل: Dec 2012
المشاركات: 9
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : prin




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

شكرا لك

الدعم العربي

prin غير متواجد حالياً   رد مع اقتباس
قديم 12-27-2012, 12:58 AM   #7
MoSHkla1
مدون نشيط
 
الصورة الرمزية MoSHkla1
 
تاريخ التسجيل: May 2012
الدولة: egy
المشاركات: 245
إرسال رسالة عبر Yahoo إلى MoSHkla1
افتراضي رد: شرح إضافة انبثاق الصور الأتوماتيكي LightBox إلى بلوجر

أنا : MoSHkla1




تسلم عثمان
__________________
عالم مشكله الساخر
كن من متابعينا وشوف احلى الكوميك والنكت والفيدوها والبرامج والمقالات الساخره
وعيش مع اكبر موسوعه للسخريه :)
http://moshkla1.blogspot.com/
من مواضيع MoSHkla1

الدعم العربي

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

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

الكلمات الدليلية (Tags)
أتوماتيكي, blogger, انبثاق الصور, بلوجر, lightbox, إضافة


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

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

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



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
قالب بلوجر لعرض الصور (eGallery) بالحقوق AvTaR قوالب بلوجر عربية ومعربة 6 10-20-2014 01:16 PM
إضافة تأثيرات حركية على الصور لمدونات بلوجر Dr Help إضافات وأدوات بلوجر 1 03-30-2013 06:31 PM
كود منع نسخ النصوص و الصور في مدونات بلوجر trollboy دروس بلوجر 7 02-16-2013 08:34 PM
إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور مع إلغئها في الصفحات الثابتة saheralialy إضافات وأدوات بلوجر 2 01-22-2013 04:09 PM
شرح إلغاء انبثاق الصور الأتوماتيكي من بلوجر admin دروس بلوجر 0 07-09-2012 08:24 AM





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

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