Css ile Hareketli Site Arkaplanı Yapmak - jQuery Kayan Arkaplan Yapmak

**ramazan12345** · 13-08-10

Evet farkındayım bugünlerde hep hazır kod paylaşımı yapıyorum biliyorum

forumexe.com - Css ile Hareketli Site Arkaplanı Yapmak - jQuery Kayan Arkaplan Yapmak Yani kendi sitem için kullanacağım

fakat sanal evim Forumexe'de paylaşmayacağım? Olur mu hiç?
Neyse...

Kod jQuery ile hazırlanmış müthiş birşey diyebilirim. Süslü(ve hızlı) bir site emin olun ki ziyaretçilerinizi memnun edecek ve daha fazla ziyaretçi çekmenize katkı sağlayacaktır.
Evet başlıyoruz;
Aşağıdaki koları <head></head> tagları arasına yerleştiriyoruz:

HTML Kod:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
    var scrollSpeed = 50;
    var step = 2;
    var current = 0;
    var imageWidth = 8000;
    var headerWidth = 800;        

    var restartPosition = -(imageWidth - headerWidth);

    function scrollBg(){
        current -= step;
        if (current == restartPosition){
            current = 0;
        }

        $('body').css("background-position",current+"px 0");
    }
    var init = setInterval("scrollBg()",scrollSpeed);
    </script>

Evet bu koddan sonra aşağıdaki linkte bulunan "bulut.jpg" adlı resim dosyasını indirin ve ftp adresinizdeki gerekli resim klasörüne gönderin...Aşağıdaki stil kodunu da CSS stil dosyanızın body etiketinin altına yerleştirin(ftp deki resim yolunuzu buraya yazın örn: images/bulut.jpg):

HTML Kod:

body {background: url(blog/images/bulut.jpg) repeat-x;}

Evet bitti bu kadar. Şimdi o muhteşemliğe bir göz atalım:
[Üye Olmadan Linkleri Göremezsiniz. ÜYE OLMAK iCiN TIKLAYIN...]

Kullanılan Resmin büyük halini indimek için [Üye Olmadan Linkleri Göremezsiniz. ÜYE OLMAK iCiN TIKLAYIN...]
Bu makale [Üye Olmadan Linkleri Göremezsiniz. ÜYE OLMAK iCiN TIKLAYIN...] sitesinden alıntı yapılarak biraz daha açıklayıcı hale getirilmiştir. Emeği geçen herkese teşekkürler

miley (77):

**Çileke$** · 13-08-10

süper bir şey ilerde mutlaka uygulayacam

miley (135):

**edagul** · 04-05-11

saol ya bi tasarım vardı kafamda hasta etmıstı benı bu olay....tesekkurler elıne saglık.

ramazan12345 Nickli Üyenin Son 5 Konusu
Konu	Forum	Son Cevaplayan	Cevaplar	Gösterim	Cevap Tarihi
Counter-Strike Source v.70.1 FULL + Yeni MapPack [2011/MULTI2] (Resimli Kurulum)	Counter Strike	ramazan12345	0	136	26-04-12 04:45
Google +1 Düğmesi Çalışmıyor(çözüldü) - +1 Butonu hatası çözümü	Web Tasarım ve Hazır Kodlar	KnnKRC	3	593	13-07-11 16:02
Evet gidiyorum arkadaşlar hakkınızı helal edin!	Genel Sohbet	Avelox	27	1799	31-08-10 15:19
Sitene Radyo Ekle - 334 adet tüm ulusal ve yerel radyo istasyonları hepsi bir arada	Web Tasarım ve Hazır Kodlar	ramazan12345	2	1265	19-08-10 22:05
Css ile Hareketli Site Arkaplanı Yapmak - jQuery Kayan Arkaplan Yapmak	Web Tasarım ve Hazır Kodlar	edagul	2	2622	13-08-10 17:27

Konu Araçları
Yazdırılabilir Sürüm Sayfayı Gönder
Gösterim Biçimleri
Temel Biçim Melez Görünüme Geç Threaded Görünümüne Geç

Benzer Konular : Css ile Hareketli Site Arkaplanı Yapmak - jQuery Kayan Arkaplan Yapmak
Photoshopta Gif yapmak.. Selam arkadaşlar. Ben Resmin bı kısmını haraketli yapmak istiyorum ama nasıl yapıcağını pek iyi bilmirem.. Meselaa...
Dudaklara Ruj Yapmak 1)İşlemi uygulayacağımız resmi açıyoruz http://img244.imageshack.us/img244/1733/resim242929ln31pv2.jpg 2)Feather değeri 1 veya 2 olsun...
Radyo Yayini Yapmak Ihtiyacınız olanlar çok basit. Bir internet bağlantısı (ki bu yazıyı okuduğunuza göre bir bağlantınız var), WinAmp 2.78 yada 5.04 (muhtemelen bu da...
Resimden Resim Yapmak ... http://forum.kanka.net/images/statusicon/wol_error.gifBu resim dosyası tekrar boyutlandırılarak ekrandan taşması engellenmiştir. Buraya tıklayarak...

13-08-10	#2
Çileke$	süper bir şey ilerde mutlaka uygulayacammiley (135):

04-05-11	#3
edagul	saol ya bi tasarım vardı kafamda hasta etmıstı benı bu olay....tesekkurler elıne saglık.

Forum yazılımı ve sürümü	Günün Sözü
Tema Yapımcısı By Çileke$ \| Grafiker ramazan12345 \| Yapımcı vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd. SEO by vBSEO 3.6.0 \| Paylaşmayı Seven Dostların Mekanı