-->

حصريا سلايدشو يدوي جميل جدا



السلام عليكم اولا تدوينة اليوم حصريا سلايدشو يدوي سلايدشو يديوي
 و سريع خيالي اكثر من رائع ,تم وضع سلايدشو من قبل ولاكن هدا اكثر جمال


    1. فوق هذا الوسم  <head/>  نضع الكود التالي
    2. او فوق  <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: &#39;&#39;;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: &quot;&quot;;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: &quot;&quot;;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>

    1. معاينة سلايدشو : من هنا
    2. ضع الكود التالي داخل ادات جديدة   "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://1.bp.blogspot.com/-UMDSIgwA1Iw/V0tmf99aPWI/AAAAAAAAGuc/8MhBEQM_bFodFqbBIlAoLFsN-XfuiCttQCLcB/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://3.bp.blogspot.com/-Cmsix_wVdLM/V0ny7TtMrzI/AAAAAAAAGtk/IicgoecK_wQuNamWYS4NoVANTHIe7j7qgCLcB/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://3.bp.blogspot.com/-qvUjW-Tb_gE/V0G_j7Ets2I/AAAAAAAAGkY/iwhAfKggmi4ZQzYvkq27JY8EFlgcSE_VACLcB/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://1.bp.blogspot.com/-AVMhprwv3Yk/V0iN-SdSxKI/AAAAAAAAGsc/jtNdo8Ljyko4L9byIn8eUnQ9m_C3_bY_gCLcB/s1600/protect-ur-template.png);"></div></a></div> </div></div></div>

مواضيع ذات صلة

تعليقات الموقع

ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى عدم وضع أي روابط خارجية أو إشهارية حتى ينشر التعليق

عن الموقع

Nama Blog

مدونة نت مصر

مدونة نت مصر موقع شخصي يضم بعضا من الشروحات والقوالب الحصرية والمقالات. أحاول من خلال هدا الموقع ان أشارككم كل مكتسباتي و معارفي المتواضعة في مجال المعلوميات و كدلك لإثراء المحتوى العربي .

تبادل أعلاني

أعلن هنا أعلن هنا أعلن هنا أعلن هنا أعلن هنا أعلن هنا

إشترك فى النشرة البريدية

إجمالي مرات مشاهدة الصفحة

مهم!يجب الاشتراك في المدونة لكي يصلك كل جديد من قوالب بلوجرمن هنا
انضم الى متابعي المدونة الأوفياء ليصلك جديد مدونتنا !
إنضم الان