- Tempat Nongkrong Para GIRILAYA mania -


You are not connected. Please login or register

Topik sebelumnya Topik selanjutnya Go down  Message [Halaman 1 dari 1]

1script WelCOME overlay Empty script WelCOME overlay Wed 30 Jul 2014, 08:09

Admin

Admin
Admin
Admin
masukkan script ini di INDEX
Code:
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Girilaya Real Groups →</div>
    <p>“Marhaban Yaa Romadhon”<br/>
      Segenap keluarga besar GIRILAYA REAL GROUPs mengucapkan <br/>
Selamat Menunaikan Ibadah Puasa | Happy Fasting Ramadhan 1435 H<br/>
semoga kita selalu diberkahi di bulan yang penuh maghfiroh ini...aamiin.</p>
  </div>

masukkan script berikut di CSS
Code:
#welcomebox {position:fixed;top:25%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{background:rgba(255,255,255,0.8);color:#888;box-shadow:0 0 1px rgba(68,68,68,0.06), 0px 30px 0 -20px rgba(0,0,0,0.08);font-family:'Playfair Display';font-size:200%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:20px;padding-top:40px;padding-bottom:40px;border-top:8px solid #edc5a5;border-bottom:8px solid #afc9f1;transition:all 0.4s linear;}
#welcomebox p:hover{color:#666;box-shadow:0px 0 10px 0 rgba(0,0,0,0.08);transition:all 0.1s linear;}
.welcomeclose {background:#fff;color:#444;border-radius:2px;border:1px solid #ddd;border-bottom:4px solid #d9d9d9;padding:10px 25px;text-align:center;margin:0 auto;cursor:pointer;display:inline;box-shadow:0px 7px 0 -5px rgba(0,0,0,0.06);transition:all 0.1s linear;}
.welcomeclose:hover {background-color:#fff;color:#cf5a4b;border-radius:2px;border:1px solid #ccc;border-bottom:4px solid #c9c9c9;box-shadow:0px 0 5px 0 rgba(0,0,0,0.08);}
#welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#fff url(http://1.bp.blogspot.com/-Uwkb_2Hc16k/U68JONYydLI/AAAAAAABoYM/0fIfeAol9nU/s1600/wallbg.jpg) no-repeat top center;max-width:100%;max-height:100%;}
@media only screen and (max-width:1024px) {#welcomebox p {font-size:150%}}
@media only screen and (max-width:497px) {#welcomebox p {font-size:100%} .welcomeclose {font-size:10px}}

http://forum.girilaya.com

Topik sebelumnya Topik selanjutnya Kembali Ke Atas  Message [Halaman 1 dari 1]

Permissions in this forum:
Anda tidak dapat menjawab topik

Ping your blog, website, or RSS feed for Free
ping fast  my blog, website, or RSS feed for Free

 

pagerank analyzerW3 Directory - the World Wide Web Directory

© 2014 Copyright Girilaya Real Groups - All Rights Reserved | Back to Top