İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

Css ve Javascript ile Değişen Giriş Sayfası Yapın.

U

unarmedsoldier

0
İyinet Üyesi
Katılım
27 Nisan 2008
Mesajlar
0
Reaction score
2
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 www.naimtufekci.com/dosyalar/degisengirissayfasi/
Siteyi F5 tuşuna basarak test edebiliriz.

Demo İndir www.naimtufekci.com/dosyalar/degisengirissayfasi.zip

HTML: 
<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-->
 <!-- www.naimtufekci.com -->
 <!-- [email protected] -->
<!--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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 2) document.write("<table  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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 3) document.write("<table  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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 4) document.write("<table  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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 5) document.write("<table  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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 6) document.write("<table  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:[email protected]'>[email protected]</a></span><br>Press F5 to Change Picture</div></td></tr></table>");
if(myNum == 7) document.write("<table  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:[email protected]'>[email protected]</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-->
 <!-- www.naimtufekci.com -->
 <!-- [email protected] -->
<!--NaimTUFEKCI 2010 // Istanbul // Turkey / -->
</body>
</html>

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

Kod: 
 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;}

<!– naimtufekci–> Bu kodlar reklam amaçlıdır. İsterseniz kaldırabilirsiniz kullanımdan doğan sorunları bu konu altında belirtebilirsiniz.

Kaynak :http://www.naimtufekci.com/css-ve-javascript-ile-degisen-giris-sayfasi-yapin
 
Cevap yazmak için giriş yap yada kayıt ol.

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst