0
Kayıt Ol

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

11

●

2.651

  • 20-02-2010, 23:05:22
    #1
    unarmedsoldier
    unarmedsoldier
    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/indir.zip


    <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 -->
 <!-- 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@naimtufekci.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@naimtufekci.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@naimtufekci.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@naimtufekci.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@naimtufekci.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@naimtufekci.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@naimtufekci.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-->
 <!-- www.naimtufekci.com -->
 <!-- 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;}
    <!– 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-ja...-sayfasi-yapin
  • 22-02-2010, 13:19:09
    #2
    TRtk
    TRtk
    Üyeliği durduruldu
    teşekkürler.
  • 22-02-2010, 13:26:51
    #3
    holycin
    holycin
    Teşekkürler, resimlerin değişmesi güzel olmuş.
  • 22-02-2010, 14:29:21
    #4
    unarmedsoldier
    unarmedsoldier
    İşin güzelliği orada kullanıcı her girişinde farklı bir resim görüyor. Bu resimler özenle seçilince de Web Site yapımının altın kuralı etkileme gün yüzüne çıkmış oluyor.
  • 22-02-2010, 14:31:07
    #5
    empIreS
    empIreS
    Üyeliği durduruldu
    tşklr
  • 22-02-2010, 15:48:42
    #6
    WoLde
    WoLde
    Üyeliği durduruldu
    jQuery ile fade in - fade out olarak değişen yapsaydı daha iyi,sayfayayı yenilemeye de gerek kalmaz.

    Ekstra : Link patlamış...
  • 22-02-2010, 16:07:56
    #7
    unarmedsoldier
    unarmedsoldier
    Linki düzenledim. Tekrardan jquery ile denerim. Bakalım nasıl olacak.
  • 23-02-2010, 12:15:27
    #8
    West_Silwer
    West_Silwer
    Kimlik doğrulama veya yönetimden onay bekliyor.
    faydalı bi anlatım teşekürler ++
  • 26-02-2010, 00:16:25
    #9
    utkutu
    utkutu
    Emeğinize sağlık