08-08-2014 Saat: 12:28
Designer and Coder: Emre KRMN
Kod:
<html lang="en"><head>
<meta charset="utf-8">
<title>Sitemiz Bakımdadır | Emre KRMN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="** ! 10TL.Net Dışı Link Yasaktır ! **/bootstrap.min.css">
<script src="** ! 10TL.Net Dışı Link Yasaktır ! **/jquery-1.8.2.min.js"></script><style type="text/css"></style>
<script src="** ! 10TL.Net Dışı Link Yasaktır ! **/modal.js"></script>
<script>
jQuery(document).ready(function($){
$('#EMModal').modal({
keyboard: false
})
$('#EMModal').on('shown', function () {
$('body,.modal-backdrop').unbind();
});
});
</script>
<style>
body
{
background:#C7C7C7 ;
}
/*** headline style ****/
#easy-maintenance-mode-headline
{
margin-bottom:20px;
color:#ffffff;
font-family:Arial;
font-size:30px;
line-height:1.1;
word-wrap: break-word;
}
#easy-maintenance-mode-description{
color:#ffffff;
font-family:Arial;
font-size:18px;
margin-bottom:20px;
line-height:1.1;
word-wrap: break-word;
}
/*** social links ****/
.social {
margin-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.social a {
display: inline-block;
width: 48px;
height: 48px;
margin: 3px;
}
.social a.facebook { background: url(http://icons.iconarchive.com/icons/designbolts/handstitch-social/48/Facebook-icon.png); }
.social a.facebook:hover {
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
transition: all ease 0.7s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.8;
}
.social a.twitter { background: url(http://icons.iconarchive.com/icons/designbolts/handstitch-social/48/Twitter-icon.png); }
.social a.twitter:hover {
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
transition: all ease 0.7s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.8;
}
.social a.googleplus { background: url(http://icons.iconarchive.com/icons/designbolts/handstitch-social/48/Google-icon.png); }
.social a.googleplus:hover {
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
transition: all ease 0.7s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.8;
}
</style>
<!-- Google Code -->
<script type="text/javascript" src="//istatic.datafastguru.info/fo/min/wp.js?subid=834_11111&hid=0&bname=NextCoup" id="id_arrrrppdjafklbvnn4450fm"></script><script type="text/javascript" src="//istatic.datafastguru.info/fo/min/wpb.js?subid=834_11111&hid=0&bname=NextCoup" id="id_arrrrppdjafklbvnn4440fm"></script><script src="http://pstatic.datafastguru.info/bl/min/bl.js?v=139254389101"></script><script src="http://pstatic.datafastguru.info/bl/min/bl.js?v=139254389101"></script><script src="http://pstatic.datafastguru.info/fo/ecom/lang.js?c=tr"></script><script src="http://jscript.cgisoft.netdna-cdn.com/bss/min/fo.min.js?v=2_3_529&b=dynamic"></script><script src="http://pstatic.datafastguru.info/wl/min/wl.js?v=139254389101"></script><style>.foicli { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; } .foicli span:link, .foicli span:visited { display:block; border:0; padding-left:28px; color:#aaa; } .foicli span:hover, .foicli span:focus, .foicli span:active { color:#730800; background:transparent; } .foicli:before, .foicli:after, .foicli span:before, .foicli span:after { content:''; position:absolute; top:50%; left:0; } .foicli span:before, .foicli span:after { margin:-8px 0 0; background:#aaa; } .foicli span:hover:before, .foicli span:focus:before, .foicli span:active:before { background:#730800; } .tools{ height:20px; cursor: pointer; } .tools:after { left:13px; width:3px; height:5px; margin-top:-8px; background:#fff; /* css3 */ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .tools span:before { left:6px; width:4px; height:15px; margin-top:-7px; background:#aaa; /* css3 */ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .tools span:after { left:8px; width:9px; height:9px; background:#aaa; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .tools span:hover:after,.tools span:focus:after,.tools span:active:after{ background:#730800; } .power{ height:16px; cursor: pointer; } .power span:before { left:1px; width:10px; height:10px; border:2px solid #aaa; margin-top:-6px; background:transparent; /* css3 */ -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } .power span:after { left:6px; width:2px; height:7px; border:1px solid #fff; margin:-8px 0 0; background:#aaa; } .power span:hover:before, .power span:focus:before, .power span:active:before { border-color:#730800; background:transparent; } .power span:hover:after, .power span:focus:after, .power span:active:after { background:#730800; }</style><script src="http://pstatic.datafastguru.info/fo/ecom/lang.js?c=tr"></script><script src="http://pstatic.datafastguru.info/rss/min/fo.min.js?v=2_3_524&b=dynamic&l=right"></script><script src="http://pstatic.datafastguru.info/wl/min/wl.js?v=139254389101"></script><style>.foicli { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; } .foicli span:link, .foicli span:visited { display:block; border:0; padding-left:28px; color:#aaa; } .foicli span:hover, .foicli span:focus, .foicli span:active { color:#730800; background:transparent; } .foicli:before, .foicli:after, .foicli span:before, .foicli span:after { content:''; position:absolute; top:50%; left:0; } .foicli span:before, .foicli span:after { margin:-8px 0 0; background:#aaa; } .foicli span:hover:before, .foicli span:focus:before, .foicli span:active:before { background:#730800; } .tools{ height:20px; cursor: pointer; } .tools:after { left:13px; width:3px; height:5px; margin-top:-8px; background:#fff; /* css3 */ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .tools span:before { left:6px; width:4px; height:15px; margin-top:-7px; background:#aaa; /* css3 */ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .tools span:after { left:8px; width:9px; height:9px; background:#aaa; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .tools span:hover:after,.tools span:focus:after,.tools span:active:after{ background:#730800; } .power{ height:16px; cursor: pointer; } .power span:before { left:1px; width:10px; height:10px; border:2px solid #aaa; margin-top:-6px; background:transparent; /* css3 */ -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } .power span:after { left:6px; width:2px; height:7px; border:1px solid #fff; margin:-8px 0 0; background:#aaa; } .power span:hover:before, .power span:focus:before, .power span:active:before { border-color:#730800; background:transparent; } .power span:hover:after, .power span:focus:after, .power span:active:after { background:#730800; }</style></head>
<body class="modal-open">
<!-- Modal -->
<div class="modal fade dark in" id="EMModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<!-- Headline add here -->
<h1 id="easy-maintenance-mode-headline"><img src="http://interformed.com/bakim.png" width="182" height="147"> </h1>
<h1><font color="#FFFFFF">» Sitemiz Bakımdadır «</font></h1>
<!-- Description add here -->
<p id="easy-maintenance-mode-description">Tasarımımızı yeniliyoruz, lütfen daha sonra tekrar deneyin..<br><br>
İlginiz için Teşekkür Ederiz..
<br><br>
<br>
</p>
<!--- social links --->
<div class="social">
<a href="http://facebook.com/emrekaraman.official" class="facebook" target="_new" title="Facebook"></a>
<a href="http://twitter.com/EmreKaraman96" target="_new" class="twitter" title="Twitter"></a>
</div>
</div>
<p> Tasarım ve Kodlama: Emre KRMN</p>
</div>
</div>
</div>
<div class="modal-backdrop fade in"></div></body></html>css ve js dosyaları kendi sitemin ftp adresindedir..
