Anno
1404 temamızda js kodları ile bannerimiz sayfa her yenilendiğinde
kendini değiştiriyordu.Bunun ile ilgili ayrıntılı bilgiyi buradaki sayfamızda
anlatmıştık. Serdar bey mevcut temasının
arkaplan resminin tıpkı Anno 1404 temasında olduğu gibi sayfa her
yenilendiğinde değişmesini istemişti. Bununla ilgili ufak bir çalışma yaptım ve
sonuç aslına bakarsanız benimde hoşuma gitti. Sözü fazla uzatmadan hemen nasıl
yapacağımıza gelelim;
Öncelikle temanızın stil kodlarının (CSS Neymiş
merak ettim?) olduğu dosyayı bir metin editörü yardımıyla açın ve
içine
body {
padding: 0;
margin: 0;
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}
etiketinden hemen sonra aşağıda bulunan kodu yazın:
.arkaplanbir
{
background-color: transparent;
background-image: url(imaj dosyanızın tam adresini buraya yazın);
background-repeat: repeat;
background-attachment: scroll;
background-position: center top;
}
daha fazla arkaplan dosyası eklemek için yine aynı yolla etiket isimlerini
değiştirerek istediğiniz kadar CSS kodu üretin, örneğin ikinci arkaplanımız
için:
.arkaplaniki
{
background-color: transparent;
background-image: url(ikinci arkaplan dosyamızın tam adresi buraya yazılacak);
background-repeat: repeat;
background-attachment: scroll;
background-position: center top;
}
.arkaplanuc
{
background-color: transparent;
background-image: url(üçüncü arkaplan dosyamızın tam adresi buraya yazılacak);
background-repeat: repeat;
background-attachment: scroll;
background-position: center top;
}
...
bu sayıyı istediğimiz kadar arttırabiliriz. Eğer yeteri kadar arkaplan
görseli eklediğinizi düşünüyorsanız dosyanızı ismini değiştirmeden
kaydedin.
Sıra şimdi master.master sayfamızı düzenlemeye
geldi. Yine temamızın bulunduğu klasördeki master.master sayfamızı bir
metin editörü yardımıyla açıyoruz ve
<body>
etiketimizden hemen sonra ise aşağıdaki kodu yapıştırıyoruz.
<script type="text/javascript">
function randomBG() {
var bgsArray=["arkaplanbir", "arkaplaniki", "arkaplanuc"];
document.body.className="" + bgsArray[Math.floor(Math.random()*bgsArray.length)];
}
randomBG();
</script>
yine değişmesini istediğimiz arkaplan sayısı kadar yukarıdaki
değişkenleri köşeli
parantez içindeki yere aynı etiket ismi ile yazıp dosya ismini ve
yolunu
değiştirmeden master.master sayfamızı kaydedip kapatıyoruz.
evet.. Hepsi bu kadar. Umarım birilerinin işine yaramıştır :)