‘text-shadow’ etiketi için sonuçlar
CSS ile buton yapmak
Temmuz 29th, 2010 • 36 yorum CSS, XHTML
Etiketler: border-radius, box-shadow, buton, css3, oval-buton, renk geçişi, sprite, text-shadow
Butonlar web sitelerinin oluşturan önemli öğelerden biridir. Butonlar; formlardaki eylemin son noktasıdır veya bir eylemi çağırmak için kullanılan bir öğedir. Butonlar bir bağlantı çeşidi gibi düşünülsede aslında bağlantılardan farklı yapılardır. Bağlantılar site içinde dolaşmayı sağlayan yapılardır(örneğin menü gibi), butonlar ise bir eylemi gerçekleştirmek için kullanılan bir öğedir.(örnek: formun gönder butonu)
Butonların önemine binaen her yönü ile düşünülüp karar verilmesi gereken öğelerdir. Boyutu, konumu, halleri, görünüm gibi bir çok faktör düşünülerek tasarlanır ve uygulamaya geçirilir. Ben burada tasarımsal kısmına değinmeden kodlama kısmını ilgilendiren bölümlerine değinmeye çalışacağım. Okumaya devam edin »
CSS ile metinlere gölge vermek
Nisan 25th, 2010 • 16 yorum CSS, Web Standartları, XHTML
Etiketler: dropshadow, glow, gölge, ie desteklemiyor, metin, text-shadow
Metinlere gölge vermek, site görselliği açısından her zaman tasarımcıların tercih ettiği yöntemlerden birisidir. Bir çok sitede bu durum ile karşılaşırız. Normalde bu gibi durumlarda gölge verilen alanlar resim olarak kesilip siteye eklenir. Bu durum anlamlı kodlama ve arama motorları için pek mantıklı değildir, ayrıca resim dosyaları metne göre daha fazla boyuta sahip olması nedeni ile de dezavantajlıdır.
Bunun için text-shadow özelliği standartlara eklendi. CSS 2 ile birlikte gelen text-shadow özelliği daha sonra CSS 2.1′da kaldırıldı. Daha sonra CSS 3 ile birlikte tekrar geldi. Safari bu özelliği ilk sürümünden itibaren desteklerken aynı şeyi diğer tarayıcılar için söylemek zor. text-shadow özelliği ile görsel düzenleme programlarında(photoshop, fireworks) kullanılan gölgeye yakın sonuçlar elde edebiliriz.
Bu makalede sizlere web sitemizde metinlere gölge vermek için hangi yöntemleri kullanabileceğimizi anlatmaya çalışacağım. Okumaya devam edin »
01 Mart 2008 web’den seçme haberler
Mart 1st, 2008 • 6 yorum Haberler
Etiketler: CSS, facebook, gtalk, ie, jquery, lightbox, liste, silverlight, text-shadow
- Microsoft Silverlight 2. sürümüne bir göz atalım. Bağlantı
- CSS 3 ile birlikte tekrar gündeme gelen metin gölgeleme(text-shadow) özelliği ve kullanımı üzerine bir makale. Bağlantı
- CSS ile listeler üzerine ayrıntılı bir makale. Bağlantı
- Facebook benzeri otomatik tamamlama scripti. Bağlantı
- Javascript ile flash’a yakın saydam kenarlı alanlar oluşturmak için GlassBox. Bağlantı
- Site menü örnekleri ve trendleri. Bağlantı
- Mobil uygulamalar ölüyor mu? Bir çok sitede mobil yani anlayacağınız cep telefonuna uygulama yazmak ne kadar mantıklı. Bağlantı
- jQuery alt yapısını kullana facebook benzeri lightbox uygulaması. Bağlantı
- CSS ipucu; body kenar çizgisi atama. Bağlantı
- Gtalk ile web sitenizden anında sohbet scripti. Bağlantı
- IE8 de doctype geçişi. Bağlantı
- Yuvarlak kenarlı tab menü yapmak. Bağlantı
- Asp.net ve ajax yardımı ile otomatik metin tamamlama işlemi yapmak. Bağlantı
- “em ve piksel farkı” Bağlantı
- “Web Tarayıcıya Göre Değişebilen CSS Hazırlamak” Bağlantı
CSS’de Metin(Text) Özellikleri
Ağustos 6th, 2006 • 27 yorum CSS
Etiketler: CSS, letter-spacing, line-height, text-align, text-decoration, text-indent, text-shadow, text-transform, vertical-align, word-spacing
Font ile Metin(Text) arasında ne fark var ikiside aynı diyorsanız yanılıyorsunuz.
Okumaya devam edin »
