Web Sitesi Girişine Böyle Bir Karşılama Nasıl Yapılır?

A

anticor

Profesör
Katılım
28 Ocak 2007
Mesajlar
1,923
Reaksiyon puanı
16
Puanları
218
Merhaba arkadaşlar, sizlere bir sorum olacak

Az önce girdiğim sitede görüntüdeki gibi bir giriş ekranıyla karşılaştım. Bu tarz bir şeyi nasıl yapabilirim?

cILL.jpeg


Fakat asıl konu, blog'umun Tumblr altyapısını kullanması.

Yani Wordpress'te olduğu gibi eklenti şansım yok. jQuery ya da html/javascript tarzı bir kodla yapılıyorsa yazabilirseniz sevinirim :rolleyes:
 
S

sunelan

Doçent
Katılım
2 Nisan 2010
Mesajlar
546
Reaksiyon puanı
1
Puanları
18
Fancybox diye bir eklenti var jquery kütüphanesini kullanıyor. bu örnek gösterdiğinde lightbox dediğimiz uygulamadır. rahatlıkla yapabilirsin fancybox ile.
http://fancyapps.com/fancybox/ adresinde bulabilirsin :)
 
A

anticor

Profesör
Katılım
28 Ocak 2007
Mesajlar
1,923
Reaksiyon puanı
16
Puanları
218
Aslında daha basit yöntemli bir şey arıyorum. Fakat ilk fırsatta Fancybox'ı da deneyeceğim, teşekkürler.
 
S

sunelan

Doçent
Katılım
2 Nisan 2010
Mesajlar
546
Reaksiyon puanı
1
Puanları
18
zor değil aslında. html bilginiz varsa çok rahat yaparsınız :)
Edit: ki sormayı unttum tumblr kullanmadım bilmiyorum o yüzden. sayfann kodlarına müdahale edemiyorsanız fancybox kullanamazsınız
 
A

anticor

Profesör
Katılım
28 Ocak 2007
Mesajlar
1,923
Reaksiyon puanı
16
Puanları
218
Kodlarda değişiklik yapabiliyorum ;)
 
S

sunelan

Doçent
Katılım
2 Nisan 2010
Mesajlar
546
Reaksiyon puanı
1
Puanları
18
O zaman iş değişir :D
PHP: 
<!--Jquery Kütüphanesini ekliyoruz <head></head> tagları arasına -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Sonra fancybox'ı ekliyoruz-->


<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.0.3" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.0.3"></script>


<script type="text/javascript">

$(document).ready(function() {
    $("#lnk").fancybox({
 'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
    });
});</script>

<!-- bodynin onload kısmında da iframe i çağırıyoruz. 
<body onload="$('#lnk').trigger('click');">
 

<!--Sayfanın en altınada body kapanmadan önce çağrılacak sayfamızı ekliyoruz link şeklinde. -->
 <a style="visibility:hidden" id="lnk" class="fancybox.iframe"  href="basla.html"></a>

böyle oluyor deneyebilirsin. verdiğim sitede fancybox dosyaları var zaten hangilerini eklemen gerektiğini yazdım.
böyle yapabilirsin. yardımcı olabildiysem ne mutlu bana :)
 
A

anticor

Profesör
Katılım
28 Ocak 2007
Mesajlar
1,923
Reaksiyon puanı
16
Puanları
218
Eyvallah [MENTION=102606]sunelan[/MENTION]
Kaydettim belgeleri. İlk fırsatta deniyorum ;)

Bu arada aklına başka bir yol gelen varsa -bilgilenmek amacıyla- onları da bekliyorum :)
 
Cevap yazmak için kayıt ol veya giriş yap

SDN Haberleri

Son mesajlar

Üst