اضافة واجهة رمضان جميلة لمدونات البلوجر
مرحبا بزوار موقع دزاير زون الكرام، إليكم إضافة واجهة رمضان جميلة لمدونات البلوجر
<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>
<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("welcomebox").style.display="none";welcomeoverlay.style.display="none";'>الدخول ← </div> </div></b:if >
