- enterId:145529 featured « KOODLA | BLOG
featured Etiketli yazılar görüntüleniyor.

CSS ile resim üzerine yazı ekleme

İnternette yapılan her site, ziyaretçisine belli bir konuda bilgi sunmak, hizmet sağlamak için yapılmakta. (kimileri sundukları bu bilgilerden para kazanmakta, kimileri ise kazanmamakta ama konumuz bu değil!) Sunulan bilginin ziyaretçi tarafından anlaşılmasını sağlamak ve kolaylaştırmak için yapılabilecek en önemli unsur, resim ve yazıları birbirleri ile harmanlamak. Yapılan araştırmaların gösterdiği üzere birbirleri ile alakalı resim ve yazılar beraberce kişiye sunulduğunda öğrenme daha kolay gerçekleşmekte.

Bu ilkeden olsa gerek, haber içeriği sunan bütün sitelerde fotolar ile yazıların birbirleri ile harmanlanarak verildiğini görebiliriz.

Resimler le yazıları harmanlamanın bir yolu da, yazıyı resmin üzerine yazmaktır. Bunu, resim düzenleme programlarından biri ile de yapabilirsiniz ancak biz bu yazımızda, resmin üzerine CSS (javascript) ile yazıyı ekleyeceğiz. Uygulamanın canlı örneğine buradan göz atabilir veya dosyaları buradan indirebilirsiniz.

Devamını Oku »»

Jquery ile resim kullanmadan köşeleri yuvarlamak

Date16 / Haziran / 2008 Author İsa Engiz    Category JQuery, javascript     Tags , Yorumlar8 Yorum Yapilmis.

Web 2.0′ın getirdikleri nelerdir diye bir soru sorarsak, pek çok cevap verebiliriz, kimileri web 2.0′ı sadece ajax’a indirger, kimisi tasarımlardaki değişimlerden dem vurur, bazıları ise kullanıcının ön plana çıkmasını örnek verebilir. Neyse, web 2.0 tanımı için wikipedia’ya bakılabilir, bugün ise bunu tartışmayacağız.

yuvarlakkose-resim.jpg

Bugün, web 2.0 ile alışageldiğimiz yuvarlak köşeleri tartışacağız. Köşeleri yuvarlamak için farklı teknikler mevcut. Bunlardan birini eburhan’da bulabilirsiniz. Ancak resim kullanmadan, ufacık bir javascript koduyla da bu başarılabilir. Hemde farklı alternatiflerle. Örnek sayfamıza bakarak bu uygulamayı test edebilirsiniz.

Devamını Oku »»

Arama


E-Posta Aboneliği


RSS Aboneliği

En Çok Yorumlanan Yazılar

Etiketler

404 ajax apache arama butonu as astrofizik açık kaynak banner blogger blogger/blogspot Blogger / Blogspot blogspot case chmod css date dosya yükleme editör etiket etkinlik favicon featured form ftp galeri Genel gimp hata sayfası header htaccess htpasswd ilişkisel veritabanı index innodb javascript join JQuery kategori koodla linux mysql opacity php resim url

Son Yorumlar

  • Murat: Güzel bir teknik, şu ana kadar sınırsız alt kategori lazım olmadı ama olmayacağı anlamına gelmiyor :)
  • iilyas: Bu kodlar çalışmıyor arkadaşım. Localde olduğu içinmi acaba ?
  • iilyas: Arkadaşım çok teşekkür ediyorum. Harika anlatmışsın ajaxla çalışmalara başlamak lazım estetik açısından.....
  • Nuri: bende bu şekilde bir çalışma yaptım ancak bir sorunum var ne yaptıysam url den index.php bölümünü kaldıramadım....
  • Kemal: Makale için çok teşekkürler, resimleri div tagları ile yapabilirmiyiz. Bu arada imagelara link verirsek daha...

Sayfalar


Faydalı Bağlantılar