Blogger Lightbox Image Viewer (+Jquery)

Dün şurada Masaüstüm adlı başlık da bloga entegre ettiğim "Lightbox Image Viewer"ı göstermiştim. Nasıl entegre edildiğini de şimdi anlatayım isterseniz.

Bu eklentiyi kullanabilmemiz için bize extradan javascript dosyamızı barındıracağımız bir host gerekiyor.

Ben bunun için files.myopera.com adresini kullandım.

Yine yazmadan geçmek istemediğim birşey var. Bu eklenti jquery için yazılmıştır. Yani Jquery olmadan bunu kullanamayız. Eklentinin "prototype framework"'ü için olan versiyonuda vardır. Dileyen onu da kullanabilir.

Öncelikle jquery'nin sıkıştırılmış halini include edelim.

HTML'yi düzenle kısmından </head> nin hemen üstüne aşağıdaki kodu yazın.

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


Şimdi şuradan download ettiğiniz "Lightbox Image Viewer" dan jquery.lightbox-0.5.js adlı dosyada bulunan image değişkenlerini kendinize göre düzenleyin.

// Configuration related to images
imageLoading:   'images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev:   'images/lightbox-btn-prev.gif',   // (string) Path and the name of the prev button image
imageBtnNext:   'images/lightbox-btn-next.gif',   // (string) Path and the name of the next button image
imageBtnClose:  'images/lightbox-btn-close.gif',  // (string) Path and the name of the close btn
imageBlank:    'images/lightbox-blank.gif', 


Tavsiyem download ettiğiniz zip içerisinde images dizininde bulunan dosyaları imageshack.us gibi bir resim upload sitesine atın ve "jquery.lightbox-0.5.js" adlı dosyada gerekli yerleri değiştirin.

Bunu yapmamızın nedeni resim yollarının klasör şeklinde olmasıdır. Eğer resim yollarını değiştirmeseydik browserimiz resimleri blogger üzerinde arayacaktı(h4ckinger.org/images/lightbox-ico-loading.gif gibi). Blogger'da istediğimiz şekilde dosya barındırma gibi bir hizmet olmadığından resimleri imageshack.us sitesine upload ettik.

"jquery.lightbox-0.5.js" dosyasında gerekli değişiklikleri yaptıktan sonra hostumuza upload ediyoruz.

Not: Dosyanın boyutunu küçültmek için dilerseniz şu adresten javascript dosyasını sıkıştırabilirsiniz.

files.myopera.com a upload edecekseniz dosyanın uzantısını değiştirin(.txt yapabilirsiniz). Çünkü files.myopera.com .js,.php gibi uzantılara sahip dosyalara direk erişim sağlamıyor.



Javascript dosyamızı hostumuza upload ettikten sonra aşağıdaki kodları yine </head>'ın üstüne yazın.

<link rel="stylesheet" type="text/css" href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css" media="screen" />
<script src='http://site.com/jquery.lightbox-0.5.pack.js' type='text/javascript'/>


Ve son olarak belirlediğimiz div alanındaki resimlere lightbox efekti verecek olan aşağıdaki kodu </head>'ın üstüne yazın.
<script type='text/javascript'>
$(function() {
$('#.post-body%20entry-content  a.lightbox').lightBox({fixedNavigation:true});
});
</script>


Yukarıdaki koddaki 'post-body entry-content' yazılarımızı kapsayan div alanının adıdır. Benim temamda 'post-body entry-content' olarak geçiyor. Kaynak koddan bakarsanız demek istediğimi anlayabilirsiniz. Diğer temalara göre farklılıklar gösterebilir.

Lightbox efekti vermek istediğiniz resmi aşağıdaki şekildeki gibi ekleyin.

Masaüstüm

Siz bakmayın "masaüstüm" diye başlık attığıma.

"Lightbox Image Viewer" entegre ettim bloga. Bakalım beğenecek misiniz.



Allah herkeze böyle temiz masaüstleri nasip etsin.

c# autocompleting google and youtube suggestions

Google'da veya Youtube'da arama kutusuna birşeyler yazarken hemen aşağıda yazdığımız kelimeye ilişkin kelimeler gelmektedir. Üzerinde çalıştığım bir proje için bu tarz bi uygulamayı combobox üzerinde yapmam gerekti.

Şimdi nasıl yapacağımızı anlatayım.



System.Xml namespace'ini ekleyelim.
using System.Xml;


2 global değişken(field) tanımlamamız gerekiyor.

XmlDocument suggestdoc = new XmlDocument();
AutoCompleteStringCollection colect = new AutoCompleteStringCollection();

suggestdoc isimli değişken yazılan kelimeye ilişkin kelimeleri xml formatında tutacak.
colect isimli değişken ise comboboxun autocomplete sırasında bakacağı kelimeleri tutacak.

Forma bir combobox kontrolü ekledikten sonra aşağıdaki methodu comboboxun textchanged olayında kullanın.
Bu arada comboboxun AutoCompleteMode özelliğini suggest, AutoCompleteSource özelliğini ise customsource olarak ayarlayın.

public void getsuggestions()
{
    string suggesturl = "http://www.google.com.tr/complete/search?hl=tr&xml=true&q=";
    colect.Clear();//bir önceki önerileri sil
    suggestdoc.Load(suggesturl + System.Web.HttpUtility.UrlEncode(comboBox1.Text));//xml yükle
    suggestdoc.PreserveWhitespace = false;  //boşlukları gör
    XmlNodeList root = suggestdoc.GetElementsByTagName("suggestion");//önerileri nodelist e al
    foreach (XmlElement tek in root)//döngüye gir her bir eleman için işlem yap
    {
        string suggest = tek.Attributes["data"].Value;//öneriyi stringe at
        colect.Add(suggest);//öneriyi öneri koleksiyonuna at
    }
    comboBox1.AutoCompleteCustomSource = colect;//koleksiyonu referans et
    comboBox1.Select(comboBox1.Text.Length,comboBox1.Text.Length);
}

getsuggestions methodunda urlencode isimli bir method var. Onun için ise referanslardan System.Web' i ekleyin.

Yukarıdaki kodlar ile Google önerilerini combobox'da gösterebilirsiniz. Youtube için ise suggesturl değişkenini aşağıdaki url ile değiştirin.


string suggesturl = "http://suggestqueries.google.com/complete/search?hl=en&client=youtube&xml=true&ds=yt&q=";


Bu da son halinden bir görüntü.

İyi Bayramlar

Her ne kadar "Bitiminde okulların açıldığı günleri ben nasıl bayram diye anabilirim" diye tweetlesek de bayramınızın güzel geçmesini dilerim.

Dipnot: Tanıdıklarımın, özellikle de yakın çevremin o içerisinde çok ince espiriler bulunan(?) uzun bayram mesajlarından atmamaları önemle rica olunur. Zira ben hepinizin kutladığını varsayacağım.

Sallanıyoruz

  Yine bloga bişeyler yazmak için bahanem oldu.

  Dün gece arkadaşlarım ile çarşıdayken birden şehrin tüm ışıkları söndü. Ne olduğunu anlamaya çalışırken camlar çatlamaya başladı. Herkez panikledi bir anda. Konya'da deprem sık görülen bir afet değil tabi. Buranın insanları alışkın olmadığı için çoğunluğu kadınlar ve çocuklar birden çığlık atmaya başladı. Velhasıl kelam arkadaşlarımla beraber binalardan uzaklaştık.

  Dün geceden itibaren şu ana kadar yaklaşık 13 tane artçı yaşandı. Yakın zamanlarda izlediğim "uzay-zaman" ve "2012" ile ilgili kozmik bilimcilerin katıldığı programlardan sonra özellikle de deprem riskinin en az olduğu bölgelerden biri olan Konya'da bu tip sarsıntıların olması çoğu insan gibi benimde kafamda soru işaretleri bıraktı.(*)

  İlerleyen zamanlarda ne olucak bilinmez ama, bizlerin bu tür olayları, özelliklede bugünlerde yaşanan bu tip olayları ( sel, deprem vs.) birer ihtar niteliğinde almamız hepimizin iyiliğine olucaktır.


"Hiç ölmeyeceğini zanneden biri gibi çalış, yarın ölecek biri gibi de tedbirli ol."

Hz.Muhammed (S.A.V.)

Opera Rapidshare Link Checker script (userjs)

Tüm opera severlere merhaba.
Hem kendi ihtiyaçlarımdan ötürü hemde diğer opera severlerin ihtiyaçları doğrultusunda kullanabileceği; sayfadaki "rapidshare.com" adresine verilen linklerin sağlamlığını kontrol eden küçük bir userjs yazdım.

Yazının devamını okumadan önce userjslerin nasıl yüklendiklerini öğrenmek için zahek adlı arkadaşımızın bloguna göz atın.

http://my.opera.com/ZAHEK/blog/show.dml/1628016

Betiğin çalışma mantığı şöyle;

Sayfadaki rapidshare linklerini tespit ediyor ve linkin hemen öncesine bir img elementi ekliyor.
Bu img elementinin src özelliğine ise aşağıdaki değeri veriyor.

"http://www.benrobot.org/servis/rapid.php?rapid=sayfadabulunanrapidsharelinki" 

rapid.php adlı dosya ise rapid parametresinden gelen linki kontrol ediyor. Eğer link çalışıyorsa "image/png" biçiminde yeşil transparan bir ok işareti, çalışmıyor ise kırmızı bir çarpı işareti veriyor.

Opera userjslerde xmlhttprequest objesine ne derece izin veriyor bilmiyorum o yüzden bu şekilde yazdım.

Çalışan linkler

Çalışmayan linkler


rapidshare_link_checker.userjs.js
// ==UserScript==
// @name Rapidshare Link Checker
// @author h4ckinger
// @web www.h4ckinger.org
// @description  Usefull userjs for automated rapidshare link checking
// ==/UserScript==
document.addEventListener("DOMContentLoaded",function() {
 var linkler = document.getElementsByTagName("a");
 var rapid1 = /^http\:\/\/rapidshare\.com\/files\/(\d+)\/(.*?)$/;
  var kontrollink="http://www.benrobot.org/servis/rapid.php";//rapid.php adresiniz
 for (var x = 0; x <= linkler.length-1; x++) {
  if (linkler[x].href.match(rapid1)) {
   var picLink = document.createElement("img");
   picLink.setAttribute("src", kontrollink+"?rapid="+escape(linkler[x].href));
   picLink.setAttribute("border",0);
   linkler[x].parentNode.insertBefore(picLink,linkler[x]);
  }
 }
}, false);

rapid.php dosyasını indirmek için tıklayın

Mp3'lerinizden bıktınız mı? Exaradyoyu deneyin

    Eğer sizde benim gibi bilgisayarınızda bulunan müziklerden yeterince sıkıldıysanız, "Şarkıları ezberledik be abi, dinlediğim şarkılardan artık haz alamıyorum" diyorsanız veya bunları demeniz bir yana sıkı bir radyo dinleyicisi iseniz şimdi tanıtacağım programı denemelisiniz.

    Exaradyo isimli bu küçük program Türk yazılımcılar tarafından hazırlanmış ücretsiz dağıtılan kolay kullanılabilir, içerisinde yüzlerce yerli-yabancı hazır radyo listesi olan çevrimiçi radyo dinleme aracıdır.

    Bu program ile yaklaşık 3 gün önce bir blogda karşılaşmıştım. İndirdim ve kullanmaya başladım. Ben çok beğendim ve hala kullanıyorum. Yapımcılarına burada teşekkürlerimi iletiyorum.

Hem Türk yazılımcılara destek vermek, hemde bu güzel programı sizlere tanıtmak adına bu yazımı yazıyorum.

Programın ekran görüntüsü:



Programda ayrıca multimedya klavye desteği ve o anda çalan şarkıyı Windows Live Messenger'ın ne dinliyorum kısmında gösteren bir özelliği de var.

Uygulamayı bilgisayarınıza indirmek için buraya, geliştiricilerin diğer ücretsiz programlarını görmek için buraya tıklayın. 

Lord of the Browsers

      Daha önce şurada operaya verdiğim(iz) destekten bahsetmiştim. Proje gerçekten baya ilgi görmüştü. Birçok kullanıcıyı operayla tanıştırdığımıza inanıyorum.
  "Operaya Destek Projesi" yeni yeni faaliyete geçtiği sıralarda operanın stabil sürümü 9.64'dü. Şimdi ise yepyeni özelliklerle Opera 10.00 sürümü yayınlandı. Daha önceleri "Opera Mini" içerisinde bulunan turbo özelliğinin uygulamanın masaüstü versiyonlarında da olacağı duyurulmuştu. 
      Ve şimdi Opera 10 turbo özelliği ile birlikte yayında.
      Dün windows 7'yi kurduktan hemen sonra www.opera.com adresinden opera 10'u bilgisayarıma indirdim ve incelemelere başladım. Ve birçok yenilik gördüm. Gerçekten öncelikle tüm geliştiricelere ve destek verenlere teşekkür ediyorum çabalarından ötürü.

Pürüzsüz Dizayn

Opera 10 da bizleri yeni görsel sekmeler(tercihe bağlı), daha esnek ve güzel bir arayüz bekliyor olucak.


Opera 10 daki en önemli yenilik şüphesiz turbo teknolojisidir.

     Opera Turbo web hızınızı artıran ve sayfayı görüntülemek için indirmeye ihtiyaç duyduğunuz verilerin boyutunu %80'e kadar azaltan sunucu taraflı optimizasyon ve web sayfasını sıkıştırma teknolojisidir. Kota kullanımını düşürmektedir. Aynı zamanda grafiklerin(resimlerin) kalitesini düşürerek de web sayfalarını sıkıştırıp arşivleyerek sizin bilgisayarınıza aktarır.

     Bu özelliği açmak için tarayıcının altındaki durum çubuğunun solundaki ufak simgeye tıklayabilirsiniz. Veya araçlar -> web sayfaları  sekmesindeki opera turbo kısmından dilediğiniz şekilde ayarlayabilirsiniz.



Ayarlanabilir arama bölümü ile arama kutularının boyutlarını istediğiniz gibi büyütüp küçültebiliyorsunuz.


Özelleştirilebilen Hızlı Erişim Menüsü(speed dial)

    Yine özelleştirilebilir hızlı erişim menüsü ile istediğiniz tarzlarda hızlı erişim menüleri oluşturabiliyorsunuz.
    Arkaplanı, sitelerin logolarını, yazı tiplerini, font büyüklüklerini ve birçok şeyi kişiselleştirebiliyorsunuz.
    Default olarak 4 ile 25 arasında sayfa oluşturabiliyoruz. İstendiği taktirde ufak tricklerle yükseltilebilir.




Yazım Denetimi

Ve yine mükemmel bir özellik olan yazım denetimi.  Yazım denetimi ile artık yazılarımızı hem daha anlaşılabilir hemde güzel Türkçemize uygun yazabiliriz.




 Ben dikkatimi çeken güzel özellikleri anlatmaya çalıştım. Tabi ki tüm yenilikleri eksiksiz olarak bu yazımda sizlere anlatamam. Yenilikler hakkında daha detaylı bilgi almak isteyenler şuraya tıkasınlar.

 Tilki'yi seven arkadaşlar genellikle firefoxun özelleştirilebilir ve eklenti bolluğundan dolayı kullandıklarını ileri sürüyorlar. Operanın widget havuzunu gezmemiş olmaları da cabası. 

"Besle tilkiyi oysun rami / cpu'yu"

 Çevremdeki insanlar bir süre sonra benim baskılarımla birlikte operayı deniyorlar ve cidden memnun kalıyorlar. Bunu laf olsun diye söylemiyorum. Bir arkadaşımın konuyla ilgili bir forumdaki cümlesi:

"Sürekli Firefox'u överdim. Ama inanın firefox bunun yanında şuan ie6 gibi kalıyor :)
Şuan için şiddetle herkese önerebilirim. Kullananlar farkı anında göreceklerdir."

Uzun makale yazmayı pek sevmiyorum ve içinizden bazılarını duyabiliyorum sanki "Sen kimsin, avukatı mısın ki Operanın da böyle yazı yazıyorsun".

Sadece bir opera severim.

Son olarak operayla ilgili ufak bir video izlemenizi istiyorum.

http://www.youtube.com/watch?v=kkNxbyp6thM

 Operayı bilgisayarınıza indirmek için tıklayın(8,7 mb).

windows 7' ye ilk adımlarım

 Her gün forumlarda onlarca buildi çıkan windows 7'yi görüyorduk. Aslında niyetim 22 Ekim'i bekleyip final sürümünü kurmaktı. Sabredemedim ne yazık ki. Dün TTNET in verdiği 1 mbps sınırsız paketin nimetlerinden(*) faydalanarak şu adresteki partları flashgete koydum ve indirmeye başladım. Yaklaşık 4 saatlik indirme süresini gerek "call of duty" gerekse counter-strike oynayarak geçirmeye çalıştım.

Neyse indirme bittikten sonra xp kurulu sistemin imajını alıp dvd den sıfır kurulum yaptım. Şu anda windows 7'yi kuralı 6,5 saat saat olmuş.

Artık blogumda ara sıra windows 7 için ipuçları yazmayı düşünüyorum.

Neyse ilk izlenimlerimi anlatayım sizlere.


Kurulum yaklaşık 10 dk da gerçekleşti.
Kamera hariç bütün driverları kendisi tanıdı ek olarak hiç bir driver kurmadım.
Sorunsuz bir şekilde güncellemeleri yaptım.
İlk güncelleştirmeden sonra da kameranın driverini yükledi.
Şu ana kadar hiç bir program ile uyumsuzluk yaşamadım.
CPU kullanımı %1 ile %4 arasında gidip geliyor.
Bellek kullanımı ortalama 800-900 mb.
Visual Studio 2008 kurulum 14 dk sürdü.
Pc'nin power düğmesine basılmasından masaüstünün gözükmesine kadar 27 saniye geçiyor.

Bunlarda ilk screenler

Pc Özellikleri


Performans Testi


OS Bilgileri


Masaüstüm