Webmaster Forumu  

Go Back   Webmaster Forumu > Grafik Tasarım & Programlama > HTML & CSS
Css ve Javascript ile Değişen Giriş Sayfası Yapın. Css ve Javascript ile Değişen Giriş Sayfası Yapın.
Kayıt ol Yardım Ajanda Forumları Okundu Kabul Et

HTML & CSS HTML & CSS Programlama Dili Hakkında Bilgiler

Cevapla
 
LinkBack Seçenekler Stil
Alt 08-07-2011, 00:07   #1
Eposta Aktivasyonu Gerekmekte
 
Ankara Şubesi
Yaş: 22
Mesajlar: 426
Tecrübe Puanı: 0
Rep Puanı: 10
Rep Derecesi : Expertus
Standart Css ve Javascript ile Değişen Giriş Sayfası Yapın.
Kodumuzun özeti ; Hangi boyutta olursa olsun adresini verdiğimiz resmi tam ekran yaparak her girişte bu tam ekran yapılan resmi random olarak değiştirmek.

Demo Test Adresi http://www.naimtufekci.com/dosyalar/...ngirissayfasi/
Siteyi F5 tuşuna basarak test edebiliriz.

Demo İndir http://www.naimtufekci.com/dosyalar/...fasi/indir.zip


HTML-Kodu:<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />
<meta http-equiv="Imagetoolbar" content="no">
<title>NaimTUFEKCI | NaimTufekci.com Grafik ve Kodlama Sanatı.</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--NaimTUFEKCI 2010 // Istanbul // Turkey / -->
<!-- All right reserved-->
<!-- Naim Tufekci -->
<!-- naim@naimtufekci.com -->
<!--NaimTUFEKCI 2010 // Istanbul // Turkey / -->
<div id="bg">
<SCRIPT LANGUAGE="JavaScript">
today=new Date();
jran=today.getTime();
function rnd() {
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
return jran/(im*1.0);
};
function rand(number) {
return Math.ceil(rnd()*number);
};
document.write("<center>");
for(i=1;i<=1;i++) {
myNum=(rand(7));
if(myNum == 1) document.write("<table background='img/1.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 2) document.write("<table&nbsp; background='img/2.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 3) document.write("<table&nbsp; background='img/3.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 4) document.write("<table&nbsp; background='img/4.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 5) document.write("<table&nbsp; background='img/5.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 6) document.write("<table&nbsp; background='img/6.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 7) document.write("<table&nbsp; background='img/7.jpg' class='table1' cellspacing='0' cellpadding='0'><tr><td class='td1' colspan='2'><div class='righttop-black'><a href='#'>Giriş / Enter</a></div></td></tr><tr><td class='tdblack'><div class='leftbottom-black'>Design & Coding by NaimTufekci<br> All Right Reserved. 2010 Istanbul / TURKEY </div></td><td class='tdblack2'><div class='rightbottom-black'>NaimTufekci<br><span class='email-black'><a href='mailto:naim@naimtufekci.com'>naim@naimtufekc i.com</a></span><br>Press F5 to Change Picture</div></td></tr></table>");

else {
document.write();
}
};
document.write("</center>");
</SCRIPT>
</div>

<!--NaimTUFEKCI 2010 // Istanbul // Turkey / -->
<!-- All right reserved-->
<!-- Naim Tufekci -->
<!-- naim@naimtufekci.com -->
<!--NaimTUFEKCI 2010 // Istanbul // Turkey / -->
</body>
</html>


Bu sitemizin ana sayfa kodları birde css kodları var onlarda ;


html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {
position:relative; z-index:1;}
.table1{
border:none;
width:100%;
height:100%;
}
.td1{
height:90%;
text-align:right;
vertical-align:bottom;
}
.tdblack{
background-image:url(img/tdblack.png);
width:50%;
height:10%;
}
.tdblack2{
background-image:url(img/tdblack.png);
width:50%;
height:10%;
text-align:right;
}
.righttop-black{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFF;
margin-right:50px;}
.righttop-black A:link {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFF;
margin-right:50px;
text-decoration:none;}
.righttop-black A:visited {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFF;
margin-right:50px;
text-decoration:none;}
.righttop-black A:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFF;
margin-right:50px;
text-decoration:underline;}
.righttop-black A:active {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFF;
margin-right:50px;
text-decoration:none;}

.leftbottom-black{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
margin-left:10px;}
.rightbottom-black{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
margin-right:10px;}
.email-black a:link{
text-decoration:none;
color:#FFF;}
.email-black a:active{
text-decoration:none;
color:#FFF;}
.email-black a:visited{
text-decoration:none;
color:#FFF;}
.email-black a:hover{
text-decoration:underline;
color:#FFF;}
Expertus isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Sponsored Links
Cevapla

« önceki Konu | sonraki Konu »

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil
Normal Normal

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 02:43.

Webmaster Forumu - Yukarı git

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.