biz web geliştiricilerina adet eli ayağı olan ve firefox tarayıcılarına özgü olan firebug web geliştirme ve kontrol kitini kolayca başbelası olan tarayıcımız internet explorer ile çalıştırabilirsiniz. Aşağıdaki kodu internet explorer sık kullanılanlarınıza ekleyerek çalıştırdığınızda firebug panel tarayıcınızın alt kısmına gelecek ve analizlerinizi kolayca yapabileceksiniz. Yinede uyarı internert explorer’i bırakmanız ve çöpe atmanız için halen daha geç değil…

Sık kullanılanlarınıza ekleyeceğiniz kod

javascript:if(typeof wWxyQQ==typeof alert)wWxyQQ();(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Ekran Görüntüsü

breadcrumb kelimesinin türkçesi nedir açıkçası bilmiyorum ama genelde navigasyon diye geçiyor. Bir yanlışımız varsa affola. Bu yazımıza css kullanarak güzel ve göze hoş gelen navigasyon yapıyoruz. Eğer herşey yolu yordamında yaparsak aşağıdaki gibi bir menü ile karşılacaksınız. Tekrar belirteyim yapmış olduğum tüm çalışmalarımı tüm tarayıcılardan geçirererek sizlere sunuyorum ki olası bir tarayıcı uyumu sorunu oluşmasın.

Yapacağımız çalışma

Css kodlarımız

body { margin:30px; }
ul {
	background:url(bc_bg.png) repeat-x;
	font:normal 11px/25px arial;
	list-style:none;
	overflow:hidden;
	border:solid 1px #cacaca;
	height:26px;
}
ul li { float:left; padding-left:10px; }
ul li a {
	padding-right:15px;
	text-decoration:none;
	color:#000;
	display:block;
	background:url(bc_separator.png) right no-repeat;
}
ul li a:hover { color:#46a1d1; }

Kodlarımızı yazdıktan sonra siz ek olarak iyileştirmeler ve farklı varyasyonlar deneyebilirsiniz. Şimdi de html kısmını yazarak çalışmamızı bitirelim

HTML Kısmı

<ul id="breadcrumb_menu">
	<li><a href="#" title="Ana Sayfa">Ana Sayfa</a></li>
	<li><a href="#" title="Hakkımda">Hakkımda</a></li>
	<li><a href="#" title="Fotoğraf Galerisi">Fotoğraf Galerisi</a></li>
	<li><a href="#" title="Bana Ulaşın">Bana Ulaşın</a></li>
</ul>

• Çalışmayı incelemek için tıklayınız

Bir önceki mesajımda oval köşeli kenar hatlarına sahip div kalıplarını nasıl kolayca yapabileceğimizi açıklamıştım. Çalıştığım bir projede bu oval köşeleri kullanarak span elementi yardımıyla madde elementlerini (ul) biçimlendirmek istedim. Görsel açıdan hoş olduğundan sizinle paylaşıyorum ve aşama aşama nasıl yapıldığını anlatacağım. Geçtiğimiz mesajımda bahsettiğim fix.htc eklentisini öncelikle çalışacağımız dizine koyarak işe başlayalım. İlk Önce listeleme yapacağımız kodumuzu yazalım daha sonrasında stil kodlarını yazacağız.

Madde Listeleme

<ul>
   <li>
      <span>1.</span>emrah karaalan
   </li>
   <li>
      <span>2.</span>madde imi denemesi
   </li>
   <li>
      <span>3.</span>trabzonspor
   </li>
</ul>

Listeleme yapacağımız kodumuzu yazdıktan sonra css kodumuzu yacacağız fakat kodu yazarken listelemede kullandığımız span tagına bazı müdahalelerde bulunacağımızdan satıriçi olan elemanımızı block konumuna almalıyız. Haliyle display:block tanımlaması yeterli olacaktır bizim için.

Stil kodumuz

ul { list-style:none; }
ul li { margin:15px; }
ul li span {
	float:left;
	display:block;
	margin-right:10px;
	width:28px;
	height:25px;
	background:#0d5c8e;
	color:#fff;
	font:bold 15px/25px arial;
	text-align:center;
	border-radius:28px; -moz-border-radius:28px; -webkit-border-radius:28px;
	behavior:url(fix.htc);
}

Eğer herşeyi anlattığım gibi yapmış iseniz aşağıdaki gibi bir görüntüye ulaşmış olmanız gerekmektedir.

Yazmış olduğum bu çalışma İnternet Explorer dahil tüm tarayıcılarda sorunsuz çalışmaktadır, Test Edilmiştir.

Tüm tarayıcılar ile uyumlu yazdığıma bakmayın zaten piyasada internet explorer dışındaki tüm tarayıcılar sıkıntısız olarak oval köşeleri oluşturuyor ama gel gör ki baba yadigarı internet explorer mevzu ise işler hayli karmaşık. Şimdi sıkıntıyı adım adım çözelim. Bu adresten indireceğiniz PIE.htc kodunu sayfanıza aşağıdaki gibi ekleyin..

Kod Kısmı

.balon {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    behavior: url('fix.htc'); /*  indirdiğiniz dosyamızı çağırıyoruz */
}

<div id="balon">dsds</div>

Dün yine farklı bir gün oldu bizim için geçtiğimiz gün Mustafa ile birlikte gitmiş olduğumuz Inception (Başlangıç) filminden ne hikmetse halen daha birşey anlamamama rağmen tüm dünyada IMDB listelerinde 9.2 puanla zirveyi çekmekte. Demekki benim ciddi anlamda zevklerim farklı dünya ile Dünki seçimimiz Angelina Jolie’nin rusmu yoksa amerikan ajanımı olduğunu çözmeye çalıştığımız Ajann Salt filmi oldu. Bu niyetle ilk kez gittiği Forum Cinebonus Trabzon sinemasına da teşekkür ederimki bugüne kadar gittiğim en muhteşeman sinema deneytimini bana yaşattı. Bundan sonra diğer sinemalar en azından şehrimdeki sinemalar benim gözümde bitmiştir.
Filme gelince;  Aksiyon neredeyse hiç bitmedi yani bir kadın elleri bağlı durumda iken bile ne kadar tehlikeli olabiliyor bunu yaşattı insana ve bitişinden filmin devamını kestirebiliyor insan. Hadi canım bu kadarda olmaz dediğimiz safi effectler ile yapıldığı çok belli sahnelerde oldukça fazla bunları biraz daha gerçekçi çekebilirlerdi diye düşünüyorum. Genel olarak şahsi kanaatimce Başlangıç filminden 10 kat daha iyiydi diyebilirim. Filmdeki diğer favorim ise diğer rus ajanı olan TED. Kendisini canı gönülden tebrik ediyorum… Angelina jolie şse ilerleyen yaşıan rağmen performansından hiçbirşey kaybetmemiş durumda hep zirveyi zorluyor oyunculuğunda. Aksiyon sahnelerinin biri bitiyor diğer başlıyor. Bunun dışında Saltı’ı yetiştiren ve aleme sokan Orlov karakterine ise hayran olduğumu ifade etmek isterimki. Bir dönem Kurtlar Vadisinde rol alan Tilki Andre karakterini hatırlattı bana. Diğer yazımda Başlagıç filmine değineceğim..

Her zaman kendime sorduğum bir soru vardır. O kadar senedir internetten alışveriş yaparım ya neden beni kargo takibi için kargo sitesine yönlendirirler bilmem. Acaba reklammı sponsorlukmu bilemiyorum. Şahsen böyle oluncada potansiyel müşteri kaybı yaşanıyor diye düşünüyorum. Düşündükten sonra ilk denemem yurtiçi kargo üzerine oldu. Sahibinden.com’dan almış olduğum ekran kartının kargo durumunu sorgularken ya dedim bu kargo bilgilerini ben kendi sitemden vereyim müşteride bende kalsın dedim ortaya aşağıdaki kod çıktı. Nitekim elimde tek takip numarası olduğundan saat gibi çalıştığını söyleyebilirim. Örneği Buradan inceleyebilirsiniz. Makalenin tamamını okuyun »

SAD Suresi 71 -77 Rabbin meleklere şöyle demişti: “Ben çamurdan bir insan yaratacağım. Onu yapıp ruhumdan ona üflediğim zaman ona secdeye kapanın.” Bütün melekler secde etmişlerdi, fakat İblis; o, büyüklük taslamış ve inkarcılardan olmuştu. Allah: “Ey İblis, ellerimle (kudretimle) yarattığıma secde etmekten seni alıkoyan nedir? Böbürlendin mi? Yoksa gururlananlardan mısın?” dedi. İblis: “Ben ondan daha üstünüm. Beni ateşten yarattın, onu çamurdan yarattın” dedi. Allah: “Defol oradan, sen artık kovulmuş birisin. Din (kıyamet/ceza) gününe kadar lanetim senin üzerinedir” dedi. Makalenin tamamını okuyun »

Bir ferdi olmaktan her daim gurur duyduğum Trabzon’umuzun başkenti konumunda olan Faroz mahallesi için TRT Ulusal kanalda yayınalanan enfes ve harika bir belgesel çekimine el atmış. Sonuna kadar izledim. Özellikle kolbastının mucitlerinden birisi olan Amcam Muzaffer KARAALAN’ı buradan tekrar anmamıza vesile olduğundan kendilerine teşekkürü bir borç bilirim. Yyaınca ve yapımda emeği geçen herkese teşekkürlerimi sunarım. Belgeseli aşağıdan izleyeb ilirsiniz. Keyifli seyirler.. Makalenin tamamını okuyun »

Geçtiğimiz ay yayın hayatına geçirmiş olduğumuz Fotoraftar uygulamasının mobil versiyonu için iş başa düştü. Banada iphone için uygun bir arayüz tasarlamak düştü. Web üzerinde arama yaparsak yığınla program ve framework mevcut fakat sadece 2 satır kod ile sayfamızı iphone ile uyumlu hale getirebiliyoruz. İlk denemeden alnımın akıyla çıktığımı düşünüyorum darısı bundan sonra yapacağım iphone tasarımlarının başına ) Şayet iphone kullanıyorsanız tasarladığım sayfayı bu adresten sorunsuz görüntüleyebilirsiniz.. Makalenin tamamını okuyun »

Sevgili Selim Açar abimin isteği üzerine yapmış olduğı bir kartviti çalışmasını buradan sunuyorum. Sosyal medyada yapmış olduğum yansımalarına bu adresten ulaşabilirsiniz. Eleştirilerinizi bekliyorum. Gelebilecek her türlü teklife açığım ona göre Makalenin tamamını okuyun »

Başlık biraz garip gelmiş olabilir ama konuya balıklama dalayım. Tarbzon 2011 Avrupa Gençlik Olimpiyatları için yapmış olduğum tesislerin yerini gösteren hartaya bu adresten ulaşabilirsiniz. Css ve Jquery kullanarak basit ama güzel bir çalışma ortaya çıktı diye düşünüyorum.. Buradan sayfaya erişebilirsiniz.

Uzun zamandır gerek iş gerekse özel meselelerden ötürü günlüğüme yazı yazamıyordum, bu akşam birşeyler karalayayım dedim. Geride kalan zaman içerisinde 2 adet site açtım bunlardan ilki  kaliteli resimleri paylaştığım Galerio.net diğeri ise memleketim Trabzon’u uluslararası arenada tanıtacak Seyahat Rehberi. Umarım faydalı olmuştur birileri için. Yakın zamanda görüşmek üzere…