سلايد شو إحترافى للمدونات يدوى بمناسبة رمضان

السلام عليكم ورحمة  الله وبركاته بمناسبة شهر رمضان الكريم  اقدم لكم سلايد شو 


إحترفى السلايد  يدوى حصرى على موقع برو تك هذه الإضافة خاصة بموقع جزائرى ويب  

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

1. ادخل الى القالب تحرير HTML  
2. فوق هذا الوسم  <b:skin/>  نضع الكود التالي

كود css:

.blog_featured_posts { background: #FFF; display: inline-block; width: 1093px; margin: 3px; } .blog_featured_post.third { margin-bottom: 9px; } .blog_featured_post.third, .blog_featured_post.fourth { width: 33.126%; height: 215px; } .blog_featured_post.third, .blog_featured_post.fourth { width: 33.126%; height: 215px; } .blog_featured_post { display: block; position: relative; float: right; overflow: hidden; height: 334px; } .blog_featured_post a { display: block; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px; position: relative; vertical-align: bottom; z-index: 1; height: 100%; } .blog_featured_post a .blog_contents { display: block; position: absolute; z-index: 5; bottom: 30px; right: 30px; left: 30px; font-weight: bold; text-transform: uppercase; line-height: 120%; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: Lobster,ge_dinar_tworegular; } .blog_contents span { font-style: normal; display: block; position: absolute; bottom: 100%; padding: 5px 10px; letter-spacing: 0px; font-size: 15px; font-family: Lobster,ge_dinar_tworegular; line-height: 1; text-shadow: none; margin-bottom: 10px; background: #F74047; } .blog_contents span:before { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-top-color: #F74047; right: -7px; top: 0; position: absolute; } .blog_contents span:after { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-bottom-color: #F74047; left: -7px; bottom: 0; position: absolute; } .blog_featured_post a .blog_contents h3 { text-shadow: 2px 2px 4px black; padding: 8px 10px 9px; text-align: right; float: right; display: inline-block; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; width: 114%; opacity: 0.9; font-size: 16px; font-family: Lobster,ge_dinar_tworegular; font-weight: normal; margin-right: -30px; } .blog_featured_post a .blog_contents { display: block; position: absolute; z-index: 5; bottom: 30px; right: 30px; left: 30px; font-weight: bold; text-transform: uppercase; line-height: 120%; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: Lobster,ge_dinar_tworegular; } .blog_featured_post .feat-img { width: 100%; height: 100%; background-size: cover; background-position: 50%; } .blog_featured_post a { display: block; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px; position: relative; vertical-align: bottom; z-index: 1; height: 100%; }