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
» Admin şifremi unuttum yardım edebilecek varmı
Perş. 12 Ocak 2017 - 17:02 tarafından snappy

» SİTE ERİŞİMİ
Perş. 12 Ocak 2017 - 14:57 tarafından RooKiE

» HTTPS protokolü yakında geliyor
Salı 10 Ocak 2017 - 3:22 tarafından snappy

» Merhaba
Salı 10 Ocak 2017 - 2:36 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Salı 10 Ocak 2017 - 2:14 tarafından snappy

» Eskiden ne popülerdi : )
Ptsi 9 Ocak 2017 - 23:23 tarafından mehmet07151

» Forumun internet adresi
Ptsi 26 Ara. 2016 - 6:47 tarafından snappy

» Yönetim panelinde bazı yerler yabancı dilde
Ptsi 26 Ara. 2016 - 6:41 tarafından snappy

» Yeni site açmak istiyorum ama anasayfaya yönlendiriyor
Ptsi 26 Ara. 2016 - 6:19 tarafından snappy

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