Arkadaşlar aslında araştırmalarım sonucu yapılması gerekenin oldukça basit olduğunun farkına vardım.
Bu kodu body'e ekleyin;
Aşağıdaki kodu ise, body'nin hemen altına ekleyebilirsiniz. Bu kısım sayfanın yükleniyor kısmıdır, anasayfanız yüklenene kadar burası gösterilir, daha sonra ise bu kodların hemen altından başlayan gerçek sayfanız açılır.
Alıntı:
<div id="hidepage"
style="position: absolute;
left:0px;
top:0px;
background-color: #333333;
layer-background-color: #333333;
height: 1280px;
width: 100%;
z-index:750;
filter: alpha(opacity=100);
opacity: .10;
-moz-opacity:0.5;
">
<table width="100%" align="center">
<tr><td class="preload" valign="top" align="center">
<br><br>
Yükleniyor Lütfen Bekleyin.</td></tr></table>
</div>
|
"Yükleniyor Lütfen Bekleyin." yerin resim
vb. ekleyebilirsiniz. Herhangi bir sorun çıkmamakta.
Css dosyasında ise, üstte tanımaladığımız "preload" için gerekli düzenlemeleri yapmanız, görünüm açısından daha etkileyici olacaktır.Eğer ki css dosyanız bulunmuyorsa class="preload" kısmını silebilir veya css dosyası oluşturabilirsiniz. Css'nizi yeni oluşturuyorsnaız <head> - </head> arasında aşağıdaki kodu eklemeyi unutmayın.
[quote]<link rel="stylesheet" type="text/css" href="cssdosyasininadi.css">/QUOTE]
Üstteki kodlarda "-moz-opacity:0.5;" ile ayfanın saydamlığını ayarlayabileceğiniz gibi, diğer kodlar ile oynayarak da sayfanın özelliklerini değiştirebilirsiniz ...
Saygılarımla
Edit:
Unutmadan head - /head arasına aşağıdaki kodları da eklemeniz gerekiyor;
Alıntı:
<script language="JavaScript" type="text/javascript">
<!-- Original: Gilbert Davis -->
<!-- Begin
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibili ty = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
// End -->
</script>
|