eburhan.com

Her şey bir yana yazı başındaki konu görselini nasıl hazırladın?

Mis gibi yazı olmuş.

Aslında o görsel tam istediğim gibi olmadı. Ama en azından bu yazıyla uyuşan bir görsel olduğunu düşünüyorum.

Görseli hazırlarken Fireworks‘ün motion blur efektini kullandım. Bu efekt pekçok imaj iÅŸleme yazılımında var.

TeÅŸekkürler güzel paylaşım …
Temanızı da gayet beÄŸendim …
Başarılar.

mafiamax’ın dediÄŸini soracaktım.

teÅŸekkürler eburhan yine faydalı bir jquery örnegi bu ülkede jquery kaynaklarında öncüsün…

Gerçekten yine çok başarılı bir anlatım yapmışsınız. Tebrik ederim.

Ben teşekkür ederim arkadaşlar

Oldukça güzel bir uygulama olmuş. Teşekkürler.

Ben bu yazı sayesinde fark ettim rozet resminde efekt olduğunu Teşekkürler Abi

Oldukça hoÅŸ bir uygulama ilerde iÅŸimize yaraya bilir…

hep merak ettiğim ve çok hoşuma giden bir uygulamaydı.. teşekkürler

çok güzelmiş ya ben de yeni farkettim:)

Yazıları merakla takip ediyorum. Loto gibi oldu benim için ‘Bakalım bu sefer konu ne?’ diye =)

Ben de bu yaptığınızı ne zamandır yapmaya çalışıyordum. Burada anlatmanız benim için büyuk bir kolaylık oldu. Teşekkürler

Erhan bey gene farkınız göstermiÅŸssiniz(: güzel bir makale olmuÅŸ…
ellerinize sağlık..

yine eburhan, her google reader’ı açtığım da hemen bakıyorum senden yeni yazı varmı diye

Çok teşekkürler çok enfes bir anlatım olmuş.

Şahsen ben bu yazı yazılana kadar o rozetin çekilip bırakılabildiğini bilmiyordum.

Eline saÄŸlık abi çok iyi anlatmışsın…

İşte güzellik, çekicilik böyle güzel detaylarda saklı, çok basit olabilir ama çok başarılı bir atraksiyon

artık siteye geldiğimde rozeti tırtıklamadan gitmiyorum

Teşekkürler

Sırf o rozetle oynamak için hergün ziyaret ediyorum siteni desem inanır mısın

Şaka bir yana güzel çalışma eline sağlık.

Detaylı anlatımınız için teşekkürler. Sayenizde öğreniyorum bu gibi işleri. Başarılar.

Rozetin nasıl yapıldığını merak ediyordum bu yazı iyi oldu teşekkürler.

paylaşım için çok teşekkürler. ben de kendi temamda kullanmak istiyorum böyle bişey ama,
kodun { top:’-40px’, left:’-40px’}, bölümündeki left deÄŸerini right yaptığımızda rozet sadece aÅŸağı yukarı sallanıyor. belirttiÄŸimiz yerine gitmiyor. acaba bunu saÄŸ tarafa hizalamanın bir yolu yok mudur?

css kodunda böyle bir sorun yok. sağ tarafa da hizalanabiliyor. yardımcı olursanız sevinirim..

@talat
Haklısın, Right değeri animate() ile istediğimiz şekilde çalışmıyor. Onun için ekstra kod yazmamız lâzım. Ben şöyle birşey yazdım ve çalışıyor:

$(document).ready(function(){

        var Nesne  = $("div#rozet");
        var Konum  = Nesne.position();

        var Ustten =  Konum.top + 'px';
        var Soldan =  Konum.left + 'px';

        Nesne.easydrag().ondrop(function(){
                Nesne.animate(
                        { top:Ustten, left:Soldan },
                        {duration: 1000, easing: 'easeOutElastic'}
                );
        });

});

Bunu post-it tadında yapabilmiÅŸ olsam arada bir kullanabilirim. Mesela bir kaç günlüğüne ÅŸehir dışına gideceÄŸim zamanlar bloga “X süre yokum” gibisinden bu tarz bir not yazmak güzel olurdu. Ama beceremem ben bunu yapmayı. =)

oyun oynamaya buraya geliyorum artık.
stresli anlarımın rahatlama formülü v2 rozetini çekip bırakmak.
gerçekten çok güzel olmuş. teşekkürler.

teşekkür ederim erhan abi. yukarıdaki kod bi önceki kodun düzeltmesi mi yoksa sağa yaslamak için mi? çünkü orda da left değeri var.

Bu son yazdığım kod daha esnek oldu aslında Her durumda çalışabilir. Yani saÄŸa, sola, alta, üste yaslaman farketmez. Kodda “left” deÄŸeri olması seni yanıltmasın.

valla burhan teÅŸekkür ederim öncelikle. iyi oldu bu ilaç gibi de geldi. bir kaç position ayarından sonra fıstık gibi oldu açıkçası. ellerin dert görmesin. saÄŸolasın…

Ben de bunu moo.fx de görmüştüm dikkatimi çekmişti ama uyarlamaya sıra gelince bir iki denemede çalışmadı bıraktım peşini. Sonra önceki gün gopof hakkındaki yazıyı okurken sizde gördüm yine dikkatimi çekti. Ben de bir benzerini kullanıyorum zaten ama o sürüklediğim yerde kalıyor eski yerine gitmesi için ufak bir ayar gerekli sanırım bunu tekrar deneyeceğim. Olmasa sorarım haberiniz olsun

Teşekkürler tüm işlemleri yaptım ve oldu daha sonra tema dosyamın içine rozet.png - jquery.js - jquery.easydrag - jquery.esaing dosyalarını attım fakat anasayfamda sizinki gibi nasıl gösterebilirim ?

nefis bir makale.
zaman ayırıp anlattığın için teşekkürler.

harika bir çalışma olmuÅŸ gerçekten. Ben bunu MyBB forumlarımdan birine uyguladım. js leri derlemem konudaki linki görmememden dolayı biraz zor oldu açıkçası ama google saÄŸolsun kırmadı beni… Sonradan görüncede linki tabi içime bir hüzün doldu…

Herneyse, küçük bir sorunum var. Bırakılan nesne yerine dönmek için herhangi bir aksiyon yapmıyor. bekliyor bekliyor tanımlanan süre kadar bekliyor ardından birden bire kendini olması gereken yere gönderiyor.

Çok güzel bir yazı olmuş teşekkür ederim fakat benim bir sorum oalcak ben bu aşğıda örnek olrak yazdığım kodları nerede kullancağım yani ben başka bir js kullanımı yapacağım ama wpde bunun nasıl kullanılacağını bilmiyorum bunu anlatırsanız sevinirim. yani örnek bu çek bırakta bunu header dosyası içinde div lerden önce mi kullanıyoruz yoksa bunları başka yere mi yazıyoruz.

örnek:
$(document).ready(function(){

$(”div#rozet”).easydrag();

$(”div#rozet”).ondrop(function(){

$(’div#rozet’).animate(

Çok Harika Bi Olay, Teşekkürler Deniycem

Gayet açıklayıcı ve güzel bir yazı olmuş, jquery ile ilgili yeni yazılarınızı bekliyorum.

internet explorer arkaplan sorununu çözdüm ama farklı yöntemle .erhan arkadaşım saol paylaşım için