CSS ile resim üzerine yazı ekleme
17 / Ağustos / 2008
İsa Engiz
Genel, javascript
css, featured, galeri, javascript, resim
6 Yorum Yapilmis.
İ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.
Jquery ile resim kullanmadan köşeleri yuvarlamak
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.
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.
Arama
E-Posta Aboneliği
RSS Aboneliği
En Çok Yorumlanan Yazılar
- Ajax ile dinamik listeleme (23)
- PHP ile sınırsız alt kategori mantığı (23)
- Blogger’da “devamını oku” bağlantısı (21)
- MySQL’de “join” kullanımı (17)
- MySQL’de Transaction ve PHP ile kullanımı (16)
- Kullanıcı dostu url hazırlamak (14)
- PHP’nin (muhtemelen) az bilinen 10 özelliği (12)
- Kullandığınız programlama dili ne kadar popüler? (12)
- Kullanıcı dostu URL oluşturma (2. teknik) (11)
- .htaccess konuları [Giriş] (11)
Etiketler
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...