Bedava Forum: Yetkinforumun Destek Forumu
Yetkinforum'un destek forumuna hoş geldiniz Smile

Eğer üye iseniz lütfen giriş yapınız, eğer henüz üye değilseniz ve forumdan tam olarak yararlanmak istiyorsanız bizim topluluğumuza katılabilirsiniz



Bu forum gibi ücretsiz forum kurmak
Öğretici Konular Ara...
Sorularınızın Cevaplarını daha kolay bulabilmek için bu arama yerini kullanabilirsiniz !



Görünüm olarak :



Giriş yap

Şifremi unuttum

En son konular
» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Bugün 4:00 tarafından Atiim

» 7 yıl önce açtığım sitemi silmek istiyorum
Bugün 3:48 tarafından Atiim

» Arkadaşlık Sitesi için Api
Ptsi 26 Eyl. 2016 - 3:46 tarafından Niko!

» Dışarıdan alınan domaini siteme nasıl yönlendiririm?
Paz 25 Eyl. 2016 - 19:45 tarafından Atiim

» E-posta - Mail sunucusu sorunu
Paz 25 Eyl. 2016 - 19:44 tarafından Atiim

» Arkadaşalar Bir Bakarmısınız Konu Acildir...
Paz 25 Eyl. 2016 - 19:41 tarafından Atiim

» Siteye giriş yaptıktan sonra bir yere tıklayınca açılan sayfa yada reklamlar
Paz 25 Eyl. 2016 - 3:44 tarafından Atiim

» adult sitelere yönlerdirme sorunu var
Ptsi 12 Eyl. 2016 - 2:11 tarafından Atiim

» Çok Acil Bir Yardım Çağrısı
C.tesi 10 Eyl. 2016 - 19:41 tarafından Atiim

Bedava forum kurmak
Facebook/Twitter
 
 

Sinema Tarzında Giriş Sayfası (İntro-Java)

Önceki başlık Sonraki başlık Aşağa gitmek

Sinema Tarzında Giriş Sayfası (İntro-Java)

Mesaj tarafından By_MiCRoP Bir Paz 25 Nis. 2010 - 15:38

Sinema Tarzında Giriş Sayfası (İntro-Java)


Merhabalar,

Sitenize Yeni Giriş Sayfası.. (Sinema Tarzinda Giriş Sayfası (İntro-Java)

Demo: Buradan


-------------------------------

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<title>Hoş Geldiniz</title>
</head>
  <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
  <script src="http://microp44.byethost24.com/sinema-intro/jquery.easing.1.3.js" type="text/javascript"></script> 

  <script type="text/javascript">
      $(document).ready(function() {
     
        $curtainopen = false;
     
        $(".rope").click(function(){
            $(this).blur();
            if ($curtainopen == false){
              $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'});
              $(".leftcurtain").stop().animate({width:'60px'}, 2000 );
              $(".rightcurtain").stop().animate({width:'60px'},2000 );
              $curtainopen = true;
            }else{
              $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});
              $(".leftcurtain").stop().animate({width:'50%'}, 2000 );
              $(".rightcurtain").stop().animate({width:'51%'}, 2000 );
              $curtainopen = false;
            }
            return false;
        });
       
      }); 
  </script>
  <style type="text/css">
      *{
          margin:0;
          padding:0;
      }
      body {
          text-align: center;
          background: #4f3722 url('http://i66.servimg.com/u/f66/14/46/49/60/darkcu10.jpg') repeat-x;
      }
      img{
        border: none;
      }
      p{
      margin-bottom:10px;
      color:#FFFFFF;
      }
      .leftcurtain{
        width: 50%;
        height: 495px;
        top: 0px;
        left: 0px;
        position: absolute;
        z-index: 2;
      }
      .rightcurtain{
        width: 51%;
        height: 495px;
        right: 0px;
        top: 0px;
        position: absolute;
        z-index: 3;
      }
      .rightcurtain img, .leftcurtain img{
        width: 100%;
        height: 100%;
      }
      .logo{
        margin: 0px auto;
        margin-top: 80px;
      }
      .rope{
        position: absolute;
        top: -40px;
        left: 70%;
        z-index: 4;
      }
   
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
</head>

<body>
  <div class="leftcurtain"><img src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
  <div class="rightcurtain"><img src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg"/></div>
  <a class="rope" href="#">
      <img src="http://i46.servimg.com/u/f46/14/46/49/60/rope11.png"/>
  </a>
<div class="logo">
<p>Yazı 1</p>
<p>Yazı2</p>
<p> <a target="_blank" href="/forum.htm"><span style="color: #ffffff">Foruma Giriş İçin TIKLA</span></a> </p>
</div>
</body>
</html>

Kodun İçinde Düzenlenece yerler Var Kendinize Göre Düzenleye Bilirsiniz...

Düzenlenecek Yeri Bula Bilmeniz İçin (CTRL F);

Kodun En Altında " Yazı 1 , Yazı 2 " Diye yazdım orayı düzenliye Bilirsiniz..

--------------------------------------
Yönetim Paneli ++ Modüller ++ HTML(Sol Altta) ++ HTML sayfaların yönetemi ++ Yeni Html Sayfası Oluşturmak..
Başlık * : Giriş

Forumunuzun yukardaki sayfasını ve aşağadaki sayfasını kullanmak istiyormusunuz? : Hayır
Bu sayfayı anasayfa gibi mi kullanmak istiyorsunuz? : Evet
HTML kodu * : (kod buraya)



Kaynak Göstermeden Yayınlanması Yasaktır..


Bu paylaşım By_MiCRoP tarafından Editlenmiş ve sunulmuştur.

Paylaşımların başka sitelerde yayınlanması yasaktır.
© 2011 Yetkinforum.net



En son By_MiCRoP tarafından Ptsi 10 Ekim 2011 - 14:50 tarihinde değiştirildi, toplamda 4 kere değiştirildi

By_MiCRoP
Yetkinemektar

Erkek
Mesaj Sayısı : 2688
Yaş : 24
Uyarı yok

http://www.mecitgumusay.com.tr

Sayfa başına dön Aşağa gitmek

Önceki başlık Sonraki başlık Sayfa başına dön

- Similar topics

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz