Zaman: 11-23-2017, 08:32 AM Hoşgeldin Misafir ! (GirişÜye Olun)
Birdamlabilgi.com - Web Master - Download - Paylaşım Forumu



Bedava-Sitem Uyarı Penceresi
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
Konu Bilgileri
Cevaplar: 0 İzlenme: 338
Bedava-Sitem Uyarı Penceresi
05-14-2013, 10:32 PM
Bedava-Sitem Uyarı Penceresi

Demo: Linki görebilmek için giriş yapmanız ya da üye olmanız gerekir.

Kod:
<style type="text/css">
/*
Proje : Psdup
Tasarim : Hasan Yalcin
Css : Sirzat AYTAC
*/
body {
    margin: 200px 0px 0px 0px;
    padding: 0px;
    background-color: #5c5c5c;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    color: #313131;
    font-weight: bold;
}
p {
    margin: 0px;
}
#pencere-ust {
    height: 55px;
    background-color: #c2c7cb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdce1', endColorstr='#c2c7cb');
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdce1), to(#c2c7cb));
    background: -moz-linear-gradient(top, #dbdce1, #c2c7cb);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 56px;
    font-size: 19px;
    padding: 0px 0px 0px 15px;
}
#pencere-ic {
    background-color: #ffffff;
    font-size: 15px;
    padding: 10px 15px 15px 15px;
    line-height: 22px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.nomargin {
    margin: 0px!important;
}
.buton {
    width: 200px;
    height: 50px;
    margin: 30px 8px 0px 0px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
}
.onayla {
    background-color: #7e9042;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96ab4d', endColorstr='#7e9042');
    background: -webkit-gradient(linear, left top, left bottom, from(#96ab4d), to(#7e9042));
    background: -moz-linear-gradient(top, #96ab4d, #7e9042);
    border: 1px solid #697736;
    box-shadow: inset 1px 1px 1px #d9e1be;
}
.onayla:hover {
    background-color: #96ab4d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e9042', endColorstr='#96ab4d');
    background: -webkit-gradient(linear, left top, left bottom, from(#7e9042), to(#96ab4d));
    background: -moz-linear-gradient(top, #7e9042, #96ab4d);
}
.onaylama {
    background-color: #c24b38;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc5c46', endColorstr='#c24b38');
    background: -webkit-gradient(linear, left top, left bottom, from(#dc5c46), to(#c24b38));
    background: -moz-linear-gradient(top, #dc5c46, #c24b38);
    border: 1px solid #92392a;
    box-shadow: inset 1px 1px 1px #edaba1;
}
.onaylama:hover {
    background-color: #dc5c46;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c24b38', endColorstr='#dc5c46');
    background: -webkit-gradient(linear, left top, left bottom, from(#c24b38), to(#dc5c46));
    background: -moz-linear-gradient(top, #c24b38, #dc5c46);
}
.islem {
    margin: 0px 0px 0px 7px;
    display: block;
    height: 26px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 28px;
    padding: 0px 0px 0px 33px;
    text-align: left;
}
.evet {
    background: transparent url('http://i.imgur.com/CfWgXur.png') no-repeat 0px 0px;
    text-shadow: 1px -1px 1px #6a840c;
}
.hayir {
    background: transparent url('http://i.imgur.com/EFpM4kw.png') no-repeat 0px 0px;
    text-shadow: 1px -1px 1px #c92a0e;
}
.kapat {
    width: 26px;
    height: 26px;
    background: transparent url('http://i.imgur.com/tRD1E2f.png') no-repeat 0px 0px;
    margin: -13px -13px 0px 427px;
    cursor: pointer;
    position: absolute;
    float: right;
}
/*
Proje : Psdup
Tasarim : Hasan Yalcin
Css : Sirzat AYTAC
*/
</style> <style type="text/css">
.modal-backdrop {
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11000;
    width: 440px;
    margin: -200px 0 0 -250px;
/* IE6-7 */    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}
.modal.fade.in {
    top: 50%;
}
.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}
.fade.in {
    opacity: 1;
}
</style>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Uyarı Penceresi</title>
<script src="http://www.fileden.com/files/2012/1/30/3257087/uyaripenceresijquery-1.6.1.min.java" type="text/javascript"></script> <script src="http://www.fileden.com/files/2012/1/30/3257087/uyaripenceresibootstrap-modal.java" type="text/javascript"></script>
<div id="pencere" class="modal fade">
<div id="pencere-ust">Bunu Yapmak İstediğinizden Emin misiniz ?</div>
<form action="" method="post">
    <div id="pencere-ic">
    <p>Acele karar vermeyin l&uuml;tfen. Hayat &ccedil;ok kısa. Buna ger&ccedil;ekten değer mi ? Kararınız         kesin ise saygı duymaktan başka birşey gelmiyor elimizden.</p>
    <p><button class="buton onayla" type="submit"><span class="islem evet">Evet Onayla!</span>         </button><button class="buton onaylama nomargin close">         <span class="islem hayir">Hayır Onaylama!</span></button></p>
    </div>
</form>
</div>
<div style="text-align:center"><button data-backdrop="true" data-controls-modal="pencere" class="buton">&Ccedil;ok Bunaldım - Pencereyi A&ccedil;</button></div>
</meta>
Sitemizdeki reklamlara günde 1 kere tıklarsanız bize en büyük desteği sağlamış olursunuz.

İçerik Yetkilisi, Deneme Moderatör ve Destek Ekibi alımları başlamıştır. Başvurular Site Adminlerine..

Emek verilmiş konulara Teşekkür etmeyi unutmayalım.
Forumda vakit geçirdiğiniz sürece bir aile ortamında olduğunuzu ve bu sebeple de yazdıklarınıza dikkat etmeniz gerektiğini unutmayınız.
Konu içerisinde gördüğünüz hataları veya kurallara aykırı davranışları bildir butonunu kullanarak bizlere iletebilirsiniz.
« Önceki | Sonraki »




Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Duyuru Panosu - Uyarı Penceresi / CSS + PSD DaggeroN 0 480 06-04-2013 10:35 PM
Son Mesaj: DaggeroN

Forum'a Git:


Konuyu görüntüleyenler: 1 Misafir