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
» Site Virüs Sorunu ?
Perş. 1 Ara. 2016 - 12:03 tarafından Speedy

» Eskiden ne popülerdi : )
Paz 27 Kas. 2016 - 23:20 tarafından Sabocan

» Hesap şifremi unuttum
Paz 16 Ekim 2016 - 2:57 tarafından Atiim

» Html - Js bölümü hakkında bilgi
Çarş. 12 Ekim 2016 - 1:08 tarafından snappy

» Modeller de yapılan değişiklik hakkında
Çarş. 12 Ekim 2016 - 0:48 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Çarş. 28 Eyl. 2016 - 4:00 tarafından Atiim

» 7 yıl önce açtığım sitemi silmek istiyorum
Çarş. 28 Eyl. 2016 - 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

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