Bildirgec‘i incelerken gözüme çarpan güzel bir yazıyı sizler için paylaşmak istedim bu yazımda. İşte o metinde geçenler;
Html, CSS, C++ ve bunun gibi 31′e yakın kodlama dilinde kod aramanıza yardımcı olan siteleri sitepoint.com bir araya toplamış. Bu işe gönül verenler için gerçekten muazzam siteler.
Webmaster arkadaşların işine yarayacağına inandığım bu sitelerden zamam zaman bende faydalanıyorum. İncelediğinizde sizde yeni bilgilere ulaşabileceğinizden emin olabilirsiniz.

açık kaynak yazılımlar hakkında hazırlanmış çok güzel bir koleksiyon olma özelliğine sahip zentu içerik açısından gayet zengin. içerik olarak incelemek çok uzun zaman alabilecek bir site. içeriğindeki her bir örnek neredeyse ayrı ayrı bildiri niteliğinde . onlarca kaliteli açık kaynak yazılımı bir arada bulabileceğiniz güzel bir koleksiyon olmuş.

Websitelerinde css kullanarak 2 sütun oluşturmanın bir çok yolu vardır. Bu yazımda sizlere bunlardan birtanesini anlatmak istedim. Burada verilen kodu sitenizde header yada footer kısımlarına ekleyerek istediğiniz sütunları elde edebilirsiniz.
Html Kodu
2 sütunlu website tasarımı yapmak için kullanacağımız kodların html kısmı. Sadece 2 adet basit div bloktan oluşuyor ve her biri farklı sütunu oluşturuyor.
<div id=”container”>
<div id=”navbar”>Navigasyon</div>
<div id=”content”>İçerik buraya</div>
</div>
Css Kodu
Buda sütunları oluşturmak için gerekli olan kodların css kısmı. Ancak farklı tarayıcılarda farklı boyutlarda olmaması için dikkatli olmalısınız.
#content {
margin-left: 20%;
}
#navbar {
float: left;
width: …

Wordpress yeni sürümünü çıkardı çıkarmasına ama resim eklerken girdiğiniz kriterleri pek kabul etmiyor bu sürüm. Örneğin ben merkezde olmasını istiyorum resimin ancak bir türlü olmuyor, sola dayalı şekilde çıkıyor yazılarda. İşte bunun sebebi kullandığının temanın wordpress yeni sürümlerinde yapılan yeni kodlamaya uygun olmayışıdır. Temanızı uygun hale getirmek için style.css dosyanıza şu kodları eklemeniz gerekmektedir:

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}