السلام عليكم
اليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود الصورة !
معاينة للكود او للاضافة : اظغط على الصورة
الكود :
يتم اضافته قبل وسم </body>
توجد الى لوحة الادارة
قالب
تحرير HTML
متابعة
ثم ابحث عن </body>
وضع فوقه الكود أعلاه
انتهى
اليوم مع اضافة جديدة Jquery Lightbox تسمح لك بتفعيل الصور المنبثقة لجميع الصور التي يحتوي عليها الموقع او المدونة بطريقة تلقائية !! نعم بطريقة تلقائية فمن اليوم لا داعي لأن تضيف اي شيء على كود الصورة !
معاينة للكود او للاضافة : اظغط على الصورة
الكود :
يتم اضافته قبل وسم </body>
لاضافته على مدونات بلوجر /
<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;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>
<script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.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><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>
توجد الى لوحة الادارة
قالب
تحرير HTML
متابعة
ثم ابحث عن </body>
وضع فوقه الكود أعلاه
انتهى