CSS3'e Ramak Kala İmajsız Oval Köşeler | bildirgec.org

bunun için css3 gerekli mi css2 ile de yapılır gibi sanki

Css 3.0 ramak kala demekle kastınız nedir? Zira css 3.0 gelişmeleri uzun süredir yayından ancak problem o ki browserların opera hariç bu teknikleri hızlıca entegre edilmesine pekde ramak kalmış gözükmüyor hale belirsizlik var.

gelelim örnklediğiniz radius tekniğine bu teknik basit ve yetersizliğinden mevcut imajın yerini şu anda almaya hazır değildir. zaten bundan ötürü css 3.0 multible background ile tek elementin dört ayrı köşesine background tanımlamaya yönelik geliştirme yapılmıştır.

keskin köşeli arka planındaki zemine doğru yumuşak bir geçiş arzetmeyip estetikten daha çok kötü bir görüntü arzetmektedir.

kısaca bu teknik ile aşağıdakina benzer işleri çıkaramayız.

• http://www.thealico.com/atolye/code/ov/index.html
• http://www.thealico.com/atolye/code/ov-title/index.htm

css3'de merakla beklediğim ama çok da umutlu olmadığım bir teknik.

neden umutlu değilim çünkü oval yapma işlemi grafik yazılımlarında anti-alising ile birlikte yapılır ve yumuşak görünür. adobe flash dahi bu konuda başarılı değil iken css3 nasıl başarılı olacak bunu yakında göreceğiz.

Yumuşak görünümlü yapabilirler ama css3'ün performansı olağanüstü düşer çünkü anti-alising kolay birşey değil, çok fazla işlem gerektiriyor. Ya da orta halli birşey yapmaya devam ederler bu da çok başarılı bir görüntü sunmaz

thealico size içtenlikle katılıyorum !

ama ne yazıkkı gene salak ie6 desteklemiycek bunu.
2001 yılında gelişmesi durmuş bi tarayıcıyı hala kullanan zihniyetin ...

@mbtemiz yukarıdaki işlem için css3 gerekmez, standart css terimleri kullanılmıştır.

@thealico tarayıcıların destek sorunları bizi ilgilendirmiyor. css standardı bir konsorsiyum tarafından geliştirilir ve bu geliştirme duyurulduktan sonra uzun bir zaman geçmiştir. Hal böyle olunca "ramak kala" sözcüğünü tercih ettim. bu benim tasarrufumda olan bir durumdur. zira kimine göre uzun görünen bir zaman dilimi bir başkası için kısa olabilir. yani o kadar takılmak zorunda değilsiniz. ikinci olarak verdiğiniz linklerde imajlarla yapılmış yüksek çözünürlükte oval köşeli örnekler var! Bahsettiğiniz örnekleri anlattığım teknik ile çıkaramamak çok normal çünkü anlattığım teknikte imaj kullanılmıyor. üstüne üslük css2'nin olanaklarından faydalanılmıştır.

@paralos verdiğim teknik ie6'da da aynı sonucu vermektedir.

ilk makalemi yazmanın verdiği acemilikten kodları düzgün ekleyemedim. denemek isterseniz aşağıdaki kodların tamamını html uzantılı bir dosyaya kaydedip, tarayıcınızla açınız.
<style> .container{ background:#dddddd; color:#ffffff; margin:20px; width:15%} .ic_alan{ padding:0px; padding-left:5px; padding-right:5px; font-family:Trebuchet MS; font-size:13px; font-weight:bold; color:#555555;} .rtop, .rbottom{ display:block; background:#fff;} .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:orange;} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px; height: 2px} </style>

@lazaronnie
tekniğide nasıl kullanıldığınıda biliyorum, eğer bu teknik ile sunmak istediği görünümü yeterli olduğunu düşünen varsa kullanabilir.

bu teknik ile en sade şekliyle dahi keskinliğinden ötürü temiz bir görüntü yansıtmayacaktır.

Ancak bu yuvarlama methodundan can sıkıcı olan imaj kullanma derdi değildir. Netice sadece bir kaç byte lik tek imajı tek request ile alıp background postion ları ile konumlandırabiliyoruz.

Can sıkan eğer yükseklik yada genişlik sabitse 2, hepsi değişkense 4, ayrı elementi iç, içe yada farklı olarak 4 element kullanılmasıdır, dolayısıyla çok fazla html element, çok fazla css ismi tanımlama külfeti vardır.

Ki kalıpsal bir yapıda ise sitemiz, örneğin bir kutu aç dediğimizde css3.0 multipled background ile bir elementte bitecekken, onca element ile html kalabılığı oluşturulmuş olunuyor.

bu duruma tartışmasız en mükemmel ve doğru çözüm bir elementin dört köşesine ayrı background tanımlama yapabileceğimiz multibled background tekniğidir.

iş bu durumdan ötürü radius gibi yetersiz bir tekniğin talebi ne kadar karşıladığını ön planda tutarak açıklama yaparsak konuyu ilk burdan öğreneni yanlış yönlendirmemiş oluruz.

Konsorsiyum Meselesi

tarayıcıların destek sorunları bizi ilgilendirmediğini söylemeniz bir yönüyle doğru olduğu kadar bir yönüylede tamamen yanlıştır.

bu gün onlarca sitede css 3.0 nimetlerinden yaklaşık 3 yıldır bahsediliyor ve css 3.0 multibled background başta olmak üzere onlarca makale ve bildiriler ile çokça teknik açıklamalar mevcuttur ancak bu yayınları hepsi boş yazıdan başka bir şey ifade etmez!

çünkü hem geliştiricilerin hem son kullanıcıların muhatap aldıkları browserlardır. ve bu gün Allah apple'den razı olsun safari'den başka bu kadar hızlıca yenilikleri sorunsuzca kendine entegre eden bir browser yoktur. ancak onun'da kullanıcı kavmi malesef bizim mahalle kadardır.

bu kadar bilgiliyseniz oturun yazın kafanıza göre bir makale. benim başlığım da makalemde gayet net bulandırmayınız lütfen...

Dikkat Yıl 2010
Coklu Background ve Yuvarlak border teknikleri artık kullanılabilir düzeyde gelişmiş olup Safari, Opera Chrome Firefox CSS3 desteğini %90 tamamlamış durumdadır.

Hayırlı Olsun

Not: Explorer Sormayın