Customize Image Lightbox in Blogger

بوسطة كود css  ستجعل الصور منبثقة مثل الصورة أعلاه.....تقنية رائعة ...فقط ابحث عن الوسم   ]]></b:skin>  ثم ضف الكود التالي فوقه ...

الكود

/* MBL Blogger Lightbox  http://webs-tools.blogspot.com/ 

———————————————– */

/* Background Color */

.CSS_LIGHTBOX_BG_MASK {

background-color: #ffffff !important;

background-image: url(image-url-address) !important;

opacity: 0.8 !important;

filter: alpha(opacity=90) !important;

}

/* Images Border */

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {

outline: 0px solid #fff !important;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 5px #000000;

-moz-box-shadow: 0px 0px 5px #000000;

box-shadow: 0px 0px 5px #000000;

}

/* Close Button */

.CSS_LIGHTBOX_BTN_CLOSE {

background: url(image-url-address) no-repeat !important;

width: 24px !important;

height: 24px !important;

}

/* Thumbnails Bar Color */

.CSS_LIGHTBOX_FILMSTRIP {

background-color: #eaeaea !important;

border-top:1px solid #d2d2d2!important;

}

/* Text Color */

.CSS_LIGHTBOX_ATTRIBUTION_INFO, .CSS_LIGHTBOX_ATTRIBUTION_LINK {

color: #000 !important;

}

/* Index Info (number of images) */

.CSS_LIGHTBOX_INDEX_INFO {

color: #555555 !important;

}

احفظ القالب ...ومبروك.........

Filed Under: اضافات البلوجر on السبت، 25 أكتوبر 2014