Yuvarlak Kenarlı Kutular yazısına yapılan yorumlar

Yazar: hasan

hasan — Sat, 31 Dec 2011 21:26:48 +0000

etiketinin içeriğinin div in dışına çıkmaması için ne yapabilirim? içerik uzun olduğundan kutunun dışına çıkıyor :S

Yazar: Harun KARADAĞ

Harun KARADAĞ — Mon, 14 Nov 2011 22:48:59 +0000

div stilinizi aşağıdaki gibi ayarlayın. stil dosyanızdan çağırabilir veya div tagınızda
style belirleyin.
size köşeleri yuvarlatılmış , arkaplanı şeffaflaştırılmış (opak) 1 px kenar cizgisi verilmiş ve gölgelendirilmiş bir alan yaptım. 600 px 600 px

değerler ile oynayarak çok değişik şeyler yapabilirsiniz. gölgesini artırıp azaltabilir. kenar çizgisini kalınlaştırabilir rengini değiştirebilir hatta tamamen şeffaf yapabilirsiniz. hatta tek köşesi veya iki köşesi ovalleştirilmiş diğer köşeleri düz yapabilirsiniz. (bottom,top left – right ayarları ile oynayarak)

kod kalabalıgından kurtulun ve her tasarımızıda tektek köşe resimleri yapmayı bırakın. ki div kullanmanın ne anlamı kaldı o zaman hatta css. tablo hücreleri ile yapmaktan farkı olmuyor eski teknikleri kullanınca.

esnek olmamış diyen arkadaş sanırım bunu kasdetti. ama bilgisini paylaşsa fena olmazdı.

Harun KARADAĞ , Yazılım geliştirici , grafiker
manavgat bilişim web tasarım yazılım güvenlik iletişim hiz.

stil kodlarınız ( div style= şeklinde kullanacaksanız satırları birşeltirip noktalıvirgüllerden sonra bir boşluk bırakmanız yeterli. tamamını tırnak içine almayı unutmayın. yeni nesi tarayıcılarda çalışır. ie de bazı özellikleri çalışmayabilir. opacity ve corner radius gibi gibi)
width:600px;
height:600px;
-webkit-border-radius: 25px 20px 20px 20px;
-moz-border-radius: 25px 20px 20px 20px;
border-radius: 25px 20px 20px 20px;
border:1px solid #03B3FF;
background:rgba(250,250,250,0.5);
-webkit-box-shadow: #B3B3B3 4px 4px 4px;
-moz-box-shadow: #B3B3B3 4px 4px 4px;
box-shadow: #B3B3B3 4px 4px 4px;

Yazar: ay blog

ay blog — Mon, 10 Oct 2011 14:32:04 +0000

blogger için geçer limidir bu yöntem

Yazar: fatihhayri

fatihhayri — Sun, 12 Jun 2011 13:41:45 +0000

Bu durumu aşmak için taransparan png kullanmak gerekir.

Yazar: Arman

Arman — Tue, 15 Feb 2011 14:51:54 +0000

Selam, ben de denedim yuvarlak köşeleri ama arka plan rengi verince parçaların köşeleri ortaya çıkıyor. Ben mi yanlış yapıyorum diye sizin yaptıklarınızı indirdim sonuç aynı.. Örneğin ilk uygulamanın body 'de arkaplan rengini kırmızı yapınca köşeler ortaya çıkıyor :(
Lütfen yardım !!!

Yazar: CSS3 Çoklu Ardalan(Multiple Background) / Fatih Hayrioğlu'nun not defteri

CSS3 Çoklu Ardalan(Multiple Background) / Fatih Hayrioğlu'nun not defteri — Tue, 08 Feb 2011 21:03:16 +0000

[...] Yuvarlak kenarlı kutular, CSS ile sekmeli tab menu yapımı, CSS ile gölge vermek, CSS ile buton yapmak vb. yazılarımızda bu durumu görebiliriz. [...]

Yazar: fatihhayri

fatihhayri — Wed, 15 Dec 2010 08:22:15 +0000

sanki bir elemanın margini veya padding etki ediyor gibi. Firebug ile padding va margin sıfırlamayı dneeyebilirmisiniz

Yazar: fatihhayri

fatihhayri — Wed, 15 Dec 2010 08:14:00 +0000

Ben Adobe Phoshop ta yapıyorum, aslında bana hazır geliyor tasarımcıdan. Ama benzer araçlar var bu iş için Fireworks mesela

Yazar: mehmet

mehmet — Sat, 04 Dec 2010 20:36:48 +0000

hocam yuvarlak kutu yapımında kullanacağımız resimleri nasıl yapacağız… yani kullanabileceğimiz bir editör var mı ?

Yazar: kemal

kemal — Fri, 03 Dec 2010 22:40:39 +0000

Fatih Bey,
Merhabalar, Öncelikle öğrettikleriniz için teşekkür ederim.

Bir sorum olacak,
İlk örnekteki div'den bir tane daha kopyaladım ve yan yana dizilmeleri için float: left; özelliğini ekledim.
O zaman divin background rengi, üst_yuvarlak.gif'in de üzerine çıkarak resmin köşeli yapısını gizliyor. (divin background rengini değiştirince daha net görünüyor.)
Üst yuvarlak gif resmini h2'ye bağladığımız için h2 seçicisi üzerinde değişiklikler yapmama rağmen görüntüyü düzeltemedim. Başka bir çok şey de denedim ama olmadı. Bu neden kaynaklanıyor olabilir.
Görüntüyü şu linke yükledim: http://img149.imageshack.us/img149/5097/rnekn.jpg
saygılar, iyi çalışmalar.