<script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function(){
$(".ackapa").click(function(){
$(".ackapa").toggleClass("acik");
$(".faal").toggleClass("isikac");
$(this).siblings(".ackapa").removeClass("acik");
});
});
</script>
<div id="tasiyici">
<div id="avize">
<div class="faal">
<div id="metin">
<p>404</p>
YANLIŞ YERDESİNİZ
<p style="text-align: left; font-weight:bold; color:#7f7f7f; font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 16pt; padding-top: 10px;"><u>Muhtemelen:</u></p>
<p style="text-align: left; font-weight:bold; color:#7f7f7f; font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 12pt; margin-top: -40px; margin-bottom: 120px;">*Adresi yanlış yazdınız;<br />
*Aradığınız sayfanın adresi değişti,<br />
*Aradığınız sayfa yayından kaldırıldı,<br />
*Biz hatalı bir link verdik.</p>
<p style="text-align: center; font-size: 30pt; margin-bottom: 20px; margin-top: -20px;">PEKİ NE YAPABİLİRİM?</p>
<a style="float: left;" href="http://oge-turkuarsivi.tr.gg/ana-sayfa.htm" class="buton">ANA SAYFAYA »</a><a style="float: right;" href="http://oge-turkuarsivi.tr.gg/" class="buton">ARAMA YAPIN »</a></div>
</div>
</div>
<div class="ackapa"> </div>
</div>
<style type="text/css">
#tasiyici {background-color: #313131;
width: 690px;
margin: 0px auto 0px auto;
height: 670px;}
#avize {
background-image: url('http://img.webme.com/pic/1/112-acil-sh/avize.png');
width: 477px;
height: 459px;
margin: 0px auto 0px auto;}
.faal {
background-image: url('http://img.webme.com/pic/1/112-acil-sh/acik.png');
width: 477px;
height: 459px;
visibility: hidden;
}
.isikac {
visibility: visible;
}
.ackapa {cursor: pointer;
margin: 0px auto 0px auto;
width: 180px;
height: 66px;
background-image: url('http://img.webme.com/pic/1/112-acil-sh/ackapa.gif');
}
.acik {
background-image: url('http://img.webme.com/pic/1/112-acil-sh/ackapa.gif');
background-position: 0px -66px;
}
#metin {
text-align: center;
padding-top: 245px;
font-weight: bold;
font-size: 30pt;
color: #7f7f7f;
text-shadow: 1px 1px #000000;
}
p {
margin-bottom: 50px;
padding: 0px;
font-size: 100pt;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
a.buton{
background:#d21b00;
background: -moz-linear-gradient(top, #d21b00, #8e0700);
background: -webkit-gradient(linear, left top, left bottom, from(#d21b00), to(#8e0700));
padding:10px 15px;
text-decoration:none;
color:#fff;
font:bold 18px Arial, Helvetica, sans-serif;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
border:5px solid #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
margin: 0px auto 0px auto;}
a.buton:hover{
background: -moz-linear-gradient(top, #8e0700, #d21b00);
background: -webkit-gradient(linear, left top, left bottom, from(#8e0700), to(#d21b00));
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.75);
}
</style>
