Yarışmaya katılarak Canon 600D , Manfrotto tripod ve Kata sırt çantası kazanma şansı yakalayın! http://blog.fotografium.com/fotografium-canon-600d-hediye-ediyor/ sayfasını ziyaret ederek yarışma hakkında diğer bilgilere ulaşabilirsiniz.

17 views

CSS’in özelliklerinden birisi olan @font-face’den kısaca bahsedeceğim biraz. Kolay en basit haliyle nasıl kullanacağımızdan ve web sitelerimizde istediğimiz fontları nasıl kullanacağımızdan bahsedececeğim.
İlk olarak kullanmak istediğiniz fontu ayarlayın. Sevdiğiniz, tasarıma uygun bir font belirledikten sonra aşağıdaki CSS kodları ile fontumuzu nasıl kullacağımıza bir bakalım.
@font-face {
font-family: ‘elma’;
src: url(‘fonts/fontadi.otf’);
}
font-family: ‘elma’; Burada belirleyeceğimiz CSS kodları arasında fontumuzu nasıl çağırmak istiyorsan o isimi veriyoruz. Mesela h1 içerisinde bu @font-face özelliğini kullanmak istiyorsak h1′in fontunu şu şekilde belirlememiz gerekir; font-family:’elma’;
src: url(‘fonts/fontadi.otf’); Burada ise sayfamıza bir resim eklediğinizi düşünün. Resimi images klasörüne eklersiniz değil mi? …

Facebook gelişmeye ve yenilenmeye devam ediyor. En son yeniliklerinden birisi de Facebook Timeline. Facebook Timeline için kısaca şöyle diyebiliriz; Facebook’a üye olduğunuz andan itibaren bütün yaptığınız her şeyi tarihi bir sıraya göre profilinizde görüntülenmesidir. Bu işlem yapılırken profilinizin de görüntüsü değişiyor. Daha farklı ve alışılmadık profile sahip oluyorsunuz.
Facebook Timeline özelliğini nasıl kullanabilirim?
Bunun için Orçun‘un yazdığı yazıya kısaca bir göz atabilir ya da İngilizce içerikli olarak da buraya bakabilirsiniz. Özetlemek gerekirse; kendi çapınızda ufak bir uygulama oluşturuyorsunuz ve onun sayesinde profilinizde Facebook Timeline aktif olmuş oluyor. Eğer ki profilinizin yeni görünümünü …

20 Eylül 2008’de açılan renkli teneke bugün 3. yaşını kutluyor. Daha çok web tasarım, programlama konuları üzerinde yazıların bulunduğu bu blogun bir çok kişiye yardımcı olduğunu düşünüyorum.
Son zamanlarda her ne kadar blog ile ilgilenip yeni yazılar yazamasam da içimde hep yazı yazma isteği var ama vakit bulamıyorum pek.
Sizlerin şimdiye kadar yapmış olduğu güzel yorumlarınız, tebrikleriniz için çok teşekkür ediyorum. “Şu konuyu da anlatsanız güzel olur” ya da “şu sorunu nasıl çözebilirim” gibi önerilerinize de her zaman açığım. Sonuçta bu bloh herkese yardımcı olabilmek için açıldı.  Sorularınızı güzel bir yazı olarak …

 
Bildiğiniz gibi jQuery ile çeşitli slider çalışmaları yapabiliyorsunuz. Fotoğraflarla, yazılarla, hem yazı hem fotoğraflarla falan çeşitli çalışmalar ortaya çıkabiliyor. Ben size bu yazıda biraz daha (hatta çok kolay) kolay bir şekilde jQuery ile slider hazırlamanın küçük bir yolundan bahsedeceğim.
Bahsettiğim şey aslında bir program. WOW Slider aslında ücretsiz bir program yapılmış. Programı ücretsiz olarak bilgisayarınıza indirip kullanabilirsiniz.
Kısaca WOW Slider jQuery Slider programınn bir kaç özelliği:

İstediğiniz kadar fotoğraf ekleyebilirsiniz.
Geçiş efektlerini var olanlar arasından seçebiliyorsunuz.
Görüntülenme süresini ayarlıyorsunuz. Mesela her fotoğraf 3 saniye görüntülensin gibi.
Flickr, Picasa, Photobucket gibi fotoğraf sitelerinden slider için birkaç tıklama …

Sevgili renkli teneke blogu okurları. Bildiğiniz gibi uzun zamandır (yaklaşık 4-5 aydır) blog kapalıydı. Hosting değiştirdik. Zaman bulamadım. İlgilenemedim. Kaldı öyle uzun süre.
Aslında tamamen benim gevşekliğim ve ilgilenmememden dolayı kaynaklandı bunlar. Biraz daha üzerine düşebilseydim daha güzel olurdu bu boşa geçen 4-5 ay. Şimdi tema ve diğer şeylerle yavaş yavaş ilgileneceğim. Siteyi yavaşça düzene sokup kaldığımız yerden devam edeceğiz.
Bu arada herkese bu uzun aradan dolayı gerçekten çok özür diliyorum.

73 views

jQuery ile hazırlanmış bir çok slideshow görebilirsiniz. Ben daha çok sadeliğin hoş göründüğünü düşünürüm. Şimdiye kadar gördüklerimin arasında en çok hoşuma giden jQuery Slideshow bu oldu.
Sağ üst köşede yazılı olan “NEW!” yazısını kaldırabilir, sağ ve sol okları kaldırabilir ve hatta isterseniz (biraz jquery bilgisiyle) slaytın altında ki noktaları da kaldırarak kullanabilirsiniz. Slaytta yer alan fotoğraflara isterseniz bağlantı da ekleyebilirsiniz.
Oldukça şık ve çekici bu slideshow’un ana sayfası burası. İndirmek için kendi sayasına gidebilirsiniz. Kendi sayfasında demosu mevcut. Her ihtimale karşı ben bloguma da yükledim dosyaları. Gerekli dosyaları buradan indirebilirsiniz.

179 views