السلام عليكم اولا تدوينة اليوم حصريا سلايدشو يدوي سلايدشو يديوي
و سريع خيالي اكثر من رائع ,تم وضع سلايدشو من قبل ولاكن هدا اكثر جمال
- فوق هذا الوسم
<head/> نضع الكود التالي - او فوق
<b:skin/> مع حدف الكود<style> و<style/>
<style> .blog_featured_posts {display: inline-block;width: 1173px; margin: 3px;} .blog_featured_post {display: block;position: relative;float: right;overflow: hidden;height:334px;} .blog_featured_post.first {width: 43%;margin-left: 9px;} .blog_featured_post.second {width: 20.79%;margin-left: 9px;} .blog_featured_post.third, .blog_featured_post.fourth {width: 34.126%;height:163px;} .blog_featured_post.third {margin-bottom: 9px;} .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:hover:before {opacity: 0.6;box-shadow: inset 0px -3px 200px 5px #000;} .blog_featured_post a:before {display: block;position: absolute;content: '';right: 0px;top: 0px;width: 100%;height: 100%;box-shadow: inset 0px -3px 37px 5px #000;opacity: 0.5;-webkit-transition: all 0.2s;transition: all 0.2s;} .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: droid arabic kufi, sans-serif;} .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:after {content: "";border-style: solid;border-width: 21px 7px 21px;border-color: transparent;border-bottom-color: #F74047;left: -7px;bottom: 0;position: absolute;} .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_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.first 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:100%;opacity: 0.9;font-weight: normal;font-family: Lobster,ge_dinar_tworegular;margin-right:-30px;} .blog_featured_post .feat-img{width:100%;height:100%;background-size:cover;background-position:50%;}</style>
- معاينة سلايدشو : من هنا
- ضع الكود التالي داخل ادات جديدة
"html" او اي مكان تريد
<div class="blog_featured_posts" id="blog_featured_posts"> <div class="ct-wrapper"> <div class="blog_featured_posts"> <div class="blog_featured_post first"><a href="http://jazairiweb.blogspot.com/2016/05/header-item.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>اضافة هيدر يضهر على التدوينات فقط مع ازرار المشاركة و صورة الموضوع</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioklf_SrfrbChEEYGx2ENfUL6vB-88m9TsB3X_kLbN6r593w7KsC8m3PqIh1hXQbNB3cscIfKKJeLZ96AbAkP-Dr4HoH4rrb-O7NFx_1NWZQSKLYOlfNXI2wDkp5dRo8K3l4Cb-rN6X0rv/s1600/header.jpg);"></div></a></div> <div class="blog_featured_post second"><a href="http://jazairiweb.blogspot.com/2016/05/redirect-old-url-new-url-blogger.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>الطريقة الصحيحة والفعالة من اجل اعادة توجيه المواقع تلقائيا</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQbku-26Q7WpJO31rKEwheLlqlLqOvQJKkjh6jlRh6gvvvkMDUB6mA4ZiXiCU6b6nBnc-OVmRdftoxikVOItdJFPmVXIJVnFJhksPZnCDfIPbLdX4znz4iw2z3C8PTfbaqOe-sqOL3wh8B/s400/useful-links.jpg);"></div></a></div><div class="blog_featured_post third"><a href="http://jazairiweb.blogspot.com/2016/05/Template-jazairiweb-V5.html"><div class="blog_contents"><span>قوالب الموقع</span><h3>حصريا قالب موقع جزائري ويب النسخة V5 مجانا </h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_GzDd1LyzCB8Jl1o8zmxv0nPL13l9nTcJgjqsEeP8CwZQTnYl1gNPqkrk8QHOCxGNKPTUVnVFBt1EeXvbk9kdbOtGFf6XGosk0jvlzYXpKgbZukxut-VmJ9zZOJaYezJAs5DfLxtFVxS/s640/TEMPLATE-JAZAIRIWEB-V5.jpg);"></div></a></div> <div class="blog_featured_post fourth"><a href="http://jazairiweb.blogspot.com/2016/05/Winner-Protect-your-Templates-With-Non-Removable.html"><div class="blog_contents"><span>مسابقات</span><h3>مسابقة ربح حماية حقوق قالب مدونتك مع عدم حدفه ( انتهت )</h3></div><div class="feat-img" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-aQaLObPD3nmdMUpTe5tJFYIzBz402zCKufOfs1WN0ufBaFUwVBqZ1qZLPWtDGWozbuZlJbHLEMy7jDJ0fgHfKm9UCPxwX1ee_BXVWRiOyKKycV-0pSL1U-Y9LXU9npSkpEEoBb5hh-bc/s1600/protect-ur-template.png);"></div></a></div> </div></div></div>
0 التعليقات: