اضافة واجهة رمضان جميلة لمدونات البلوجر



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


    1. فوق هذا الوسم  <head/>  نضع الكود التالي
    2. او فوق  <b:skin/>  مع حدف الكود   <style>  و  <style/>  
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style>/* CSS Special welcome */ #welcomebox {position:fixed;top:20%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;} #welcomebox p{background: #fff url(http://isnalanterns.com/wp-content/uploads/2014/01/250px.png) no-repeat left bottom;background-size: 20%;color:#888;font-family:Lobster,ge_dinar_tworegular;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-bottom:4px solid #222;transition:all 0.4s linear;}#welcomebox p:hover{color:#666;} .welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222; font-family:Lobster,ge_dinar_tworegular; font-size: 20px; padding:6px 30px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;} .welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;-moz-animation: pulse .4s ease-in; -webkit-animation: pulse .4s ease-in;animation: pulse .4s ease-in;} #welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:rgba(51, 51, 51, 0.95) url(http://25.media.tumblr.com/bf4f39102d07df64f1540b11a498211a/tumblr_mktw9jIv9D1rvr9sko1_400.gif);max-width:100%;max-height:100%;} .title_jazairiweb-jw {text-align: center; color: #fff; font-size: 55px; font-weight: 700; background: #f35d5c; padding-bottom: 10px; } .title_jazairiweb-jw span { color: #E74C3C; } </style></b:if>

    1. اسفل هذا الوسم  <body>  نضع الكود التالي
<b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='welcomeoverlay'/> <div class='welcomebox' id='welcomebox'> <div class='title_jazairiweb-jw'> <i class='fa fa-thumbs-o-up'></i> Ramadan Kareem </div> <p> Welcome مرحبا بك عزيزي الزائر <br/>رمضان كريم لكل متتبعي موقع جزائري ويب الاوفياء </p> <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>الدخول &#8592; </div> </div></b:if >

  1. قالب جميل لكن يخصه بعضالاكواد
    اخي عندي مشكلة في قالبك 5 اعطيني كود الاقتباس Html

    ردحذف
    الردود
    1. تفضل:
      blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote { overflow:auto; max-height:250px; background:#23303A; color:#ccc; border-radius:4px; margin:10px; padding:10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post blockquote:before { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left: 6px; color: #717070; float: right; }

      حذف
    2. هذا كود css واين كود html الذي يوضع في التدوينة

      حذف
    3. اخي هو تلقائي , فقط بمجرد الضغط على:
      https://goo.gl/BUhkqs

      حذف
  2. شكرا على الاضافة .-. :D

    ردحذف
  3. السلام عليكم ورمضان كريم
    إضافة رائعة ومميزة

    ردحذف
  4. شكرا لك على الإضافة

    ردحذف
  5. مشكلة في القالب يرفض الحفظ يريد وضع نهاية لديف الخاصة بصندوق الدخول

    ردحذف
    الردود
    1. جرب محول أكواد من هنا
      https://jazairiweb.blogspot.com/p/html.html

      حذف
  6. شكرً جزييييييييييلاً

    ردحذف

إذا أعجبك محتوى موقع جزائري ويب اتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...