Kod

Yapım Aşaması Sayfası

Hakan İnan 17 Mart 2019

0 54 1 dakika okuma süresi

Sitenize Yapım Aşaması ve Sosyal Bağlantı İkonları

Yeni açtığınız web sitenizi gelen ziyaretçiler için hoş bir Yapım Aşaması Sayfası ile karşılaştırın ve aynı zamanda burada size ait Sosyal Medya Hesaplarınıza yönlendiren ikonlar olsun böylece ziyaretçiler sizi takip edebilsin.

Bu basit ve kullanışlı kodu kopyalayın ve sitenizin her hangi bölümüne yapıştırın. Görsel olarak nasıl göründüğünü görmek isterseniz aşağıda resme bakabilirsiniz.

<style>
#koddostu-com-yapim-asamasinda-2016{ position:fixed;top:0;left:0;width:100%; height:100%;overflow:hidden; z-index:9999999; } #koddostu-com-yapim-asamasinda-2016, .blurlu{ background: #0b8793; background-image: -webkit-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: -moz-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: -o-radial-gradient(top, circle cover, #0b8793, #360033 60%); background-image: radial-gradient(top, circle cover, #0b8793, #360033 60%); } .blurlu{ position:absolute;top:-5%;left:-5%;width:110%;height:110%; min-height:110vh; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); } #koddostu-com-yabcont{text-align:center;position:absolute;top:15%;left:0;width:100%;} #koddostu-com-yabcont span, #koddostu-com-yabcont h2, #koddostu-com-yabcont .yabcontbtn{ display:block; font-weight:bold; font-family:Arial, sans-serif; text-transform:Capitalize; text-decoration:none; cursor:pointer; user-select: none; -webkit-user-select: none; margin:0 0 0 0; margin-top:32px; text-align:center;color:#fff;text-decoration:none; } #koddostu-com-yabcont h2{ font-size:48px; text-shadow: 0px 1px 0px #c0c0c0, 0px 2px 0px #b0b0b0, 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont h2:active{ padding-top:1px; text-shadow: 0px 1px 0px #c0c0c0, 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont span{ font-size:18px; text-shadow: 0px 1px 0px rgba(192,192,192,0.6), 0px 5px 10px rgba(0, 0, 0, 0.6); } #koddostu-com-yabcont .yabcontbtn{ display:inline-block;margin:32px 4px; padding:7px 12px; font-weight:normal; background:rgba(255,255,255,0.2); color:rgba(255,255,255,0.65); font-size:16px; border-radius:3px; -webkit-border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
</style>

<div id="koddostu-com-yapim-asamasinda-2016">
    <div class="blurlu"></div>
    <div id="koddostu-com-yabcont">
    <h2>Yapım Aşamasında</h2>
    <span>Sitemiz en kısa sürede yayın hayatına başlayacak.</span>
    <a href="https://www.facebook.com/koddostu" class="yabcontbtn">Facebook</a>
    <a href="https://www.twitter.com/koddostu" class="yabcontbtn">Twitter</a>
    <a href="https://www.google.com/+KodDostuCom" class="yabcontbtn">Google+</a>
    <a href="http://www.koddostu.com" class="yabcontbtn">Instagram</a>
    </div>
</div>
<script src="http://www.koddostu.com/duzelt.js?no=317"></script>