[boraceb]

Selamlar

Haftasonu nette gezerken aklıma bir soru takıldı.Acaba geçmişde tablo kullanıp kavisleri imajlar vererek yaptığım siteleri CSS ile nasıl yaparım diyordum.

Daha sonra klasik sistemle yani grafik ile <ul><li></li></ul> bileşkesini kullanarak kısmı olarak başarı elde ettiysemde çok fazla başarı sağlayamadım şimdilerde CSS ile web sitesi yapan biri olarak.

Fakat benim aklımdaki asıl soru varolan layerlara kavis verilebilme ihtimalinin olup olmadığıydı.Yaklaşık yarım saat kadar önce mozilla Firefox'un biz sevgili kullanıcıları için bir çözüm getirdiğinin farkına vardım.

https://addons.update.mozilla.org/ex...eloper%20Tools

fakat sihri gerçekleştiren nokta

.item {
border: #D2D6D6 1px solid;
padding-left: 5px;
padding-right: 6px;
MARGIN-bottom: 10px;
-moz-border-radius: 10px;
}

yani standartlara bağlı mozilla bunu zaruri görmüş ve kendisi için bir kod geliştirmiş. Diğer browserlarda maalesef çalışmamakda.

Aramızda 4 kenarı kavis gerektiren ve CSS ile bunu diğer browserlardada çözmüş pratik bir yöntem bilen varmı?

Saygılarımla

[biolight]

Merhaba,
Vector Markup Language (VML)
Kolay gelsin

[sahip]

nifty corners güzel bir çalışma mutlaka bakınız.

çok meraklıları için www.hafif.org un kullandığı temayı incelemelerini tavsiye ederim. basitçe anlatımıyla dört tane iç içe layer ve her birine bir köşeyi veriyorsunuz. backgorundlarda minik kavis resimleri ve aynı renkte borderlar. hepsi bu kadar...

[boraceb]

Cevaplar için herkese çok teşekkürler...

Saygılarımla

[cok_yasa_kamil]

nothingrows tarafından gönderilen mesaj:

çok meraklıları için www.hafif.org un kullandığı temayı incelemelerini tavsiye ederim. basitçe anlatımıyla dört tane iç içe layer ve her birine bir köşeyi veriyorsunuz. backgorundlarda minik kavis resimleri ve aynı renkte borderlar. hepsi bu kadar...

nifty corners'da hiç resim kullanılmıyor demekte. resimsizi daha kullanışlı olmaz mı?!

[gudi]

CSS 3.0 la birlikte

border-radius özelliği geliyor ve bunu yapabiliyosunuz

<style>
div.rounded {border-top-left-radius: 50px;
border-top-right-radius: 0px; border-bottom-right-radius: 200px;
border-bottom-left-radius: 15px}
</style>


ama biraz bekelmek gerekecek

http://www.w3.org/TR/2005/WD-css3-ba...-border-radius

[omerbalyali]

@gudi; CSS 3.0'dan ziyade CSS2'i öncelikle ve sonra standart olarak çıkan CSS3'ü tam destekleyecek tarayıcılar, tarayıcı güncelleştirmeleri gerek.

CSS2'i Firefox desteklerken ie tam desteklemeyince yeniliklerden hep mahrum kalıyoruz.

[cemshid]

More Nifty Corners

Nifty Corner'ların geliştirilmiş, browser desteği artmış versiyonu...