izlen.im

En iyi HTML, CSS, Javascript, JQuery ipuçları; Wordpress Temaları, Chrome uygulamaları ve Site Tanıtımları

[izlenim]

Blog

[izlenim]

Kayan Resim Galerisi

Sitenize yukardaki gibi üzerine fareyle geldiğinizde kayan bir galeri eklemek istiyorsanız sırasıyla aşağıdaki adımları takip edin:

1.Adım: Öncelikle http://www.tumblr.com/customize/blogadınız adresinden Sayfa Ekle'yi tıklayarak Özel Yerleşim seçeneğini tıklayın.

2.Adım: Aşağıdaki kodu kopyalayıp Özel HTML bölümüne yapıştırın:

5.Adım: http://www.tumblr.com/themes/upload_static_file adresine sırasıyla eklemek istediğiniz fotoğrafları yükleyip linkerini en son yapıştırdığınız koddaki fotoğraflar ile değiştirin.

Ayarlar:

Galeri genişliğini #motioncontainer altındaki width değeriyle, yüksekliğini height değeriyle oynayarak değiştirebilirsiniz. Aynı zamanda her fotoğrafın height değerini de değiştirmeyi unutmayın.

Resimler arası boşluğu padding:2px ile oynayarak değiştirebilirsiniz. Dikey versiyonu için tıklayın.

[izlenim]

Otobüsüm Nerede!

Bugünlerde çok popüler olan bir uygulama var: Nerde Bu Otobüs. Cihaza konum bilgisini öğrenmek istediğiniz otobüsün numarasını giriyorsunuz ve size otobüsün konumunu harita üzerinde gösteriyor. Sorun şu ki, uygulama sadece IOS veya Android cihazlarda çalışıyor ve geliştiricileri Windows Phone dışında (Symbian için) bir uygulama yapmayı düşünmediklerini söylüyor. Oysaki internet bağlantısı olan birçok telefondan (GPS özelliği olmasa bile) otobüslerin konumunu öğrenmek çok kolay. Tek yapmanız gereken IETT'nin http://mobil.iett.gov.tr sitesine girmek ve sağ alttaki "Otobüsüm Nerede" bağlantısını tıklamak. Çıkan ekrana hat numarasını yazdığınızda otobüslerin yönü ve en son geçtikleri durak ismini öğrenebiliyorsunuz. Güncelleme: Sonunda İETT'nin resmi uygulaması yayınlandı: Mobiett (Android) Mobiett (IOS)

[izlenim]

Verify Email Adress adından da anlaşılacağı üzere, bir e-posta adresinin gerçekte var olup olmadığını öğrenmenizi sağlıyor.

[izlenim]

"Fotoğraflarınız Diyette" sloganıyla yola çıkan Jpegmini fotoğraflarınızın boyutunu, kalitesini bozmadan 5 katına kadar düşürüyor.

[izlenim]

Facebook Timeline Wordpress Teması

Facebook'un profiller için geliştirdiği en son özelliği olan Timeline, geliştiricilerin elinden geçerek muhteşem ve ücretsiz bir Wordpress Teması olarak kullanıma sunuldu. Demo - Download

[izlenim]

Geri Sayım Sayacı (Countdown)

Temanıza reklamsız ve temiz bir geri sayım sayacı eklemek istiyorsanız aşağıdaki kodu kullanabilirsiniz:

<script language=|JavaScript|>

TargetDate = |08/01/2012 08:30 AM|;

BackColor = |transparent|;

ForeColor = |black|;

CountActive = true;

CountStepper = -1;

LeadingZero = true;

DisplayFormat = |%%D%% Gün, %%H%% Saat, %%M%% Dakika, %%S%% Saniye.|;

FinishMessage = |ben geldiğimde herkes gitmiş miydi yoksa?|; </script>

<script language=|JavaScript| src=|http://static.tumblr.com/n6w1ckz/3Pmlj6iya/countdown.js|/>

</script>

Geri saymasını istediğiniz tarih için TargetDate değerini Ay/Gün/Yıl olarak değiştirin

Geçmiş bir tarih için ileri gün saydırmak istiyorsanız CountStepper değerini +1 olarak değiştirin.

Not: Bütün | işaretlerini " ile değiştirin..

[izlenim]

Tumblr Tarzı "Yukarı" Butonu Oluşturmak

Öncelikle </head> kodunu bulup hemen öncesine aşağıdaki kodu ekliyoruz:

<style type=”text/css”>

#scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 15px; right: 15px; padding: 10px 20px; font-size: 16px; font-weight: bold; text-decoration: none; background: #ccc; color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

</style>

Daha sonra </body> kodununun hemen öncesine şu kodu ekleyip kaydediyoruz:

<a href=javascript:; id=scrollToTop>Yukarı</a>

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>

<script src=http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js></script>

Yukarı yazısı yerine resim kullanmak istiyorsanız şu kodu kullanmanız gerekiyor:

<a href=javascript:; id=scrollToTop><img src=http://media.tumblr.com/tumblr_lpvu9709KH1qlzq96.png border=0></a>