Css3 ile Resim kullanmadan yuvarlak köşeler

Css 3 beraberinde sevindirici bir haberle geliyor. Artık tek satır yazı ile istediğiniz her türlü cismin köşelerini yuvarlak yapabileceksiniz.

 

.kutu{   
    border-radius: 10px;
}

Bu güzel haber internet explorer 6,7,8 gibi microsoftun beceriksizliklerini kurtarmıyor. Fakat bunun için de bir çözüm mevcut:

internet explorer 6 için yuvarlak köşe yapmayı sağlayan küçük eklenti:

 

.kutu{   
    border-radius: 10px;
    behavior: url(border-radius.htc);
}

HTC dosyası behavior özelliğine bağlı olan bir çeşit javascript kütüphanesi ve sadece internet explorer çöpünü etkiliyor. Modern tarayıcılar üzerinde hiçbir etkisi olmadığından herhangi bir fazlalık teşkil etmiyor. bazı sitelerde hafif kaymalara sebep olabilir. parent elementin position özelliğini relative yapınca düzelir.

gerekli border-radius.htc dosyasını indirin: Dosya indir : borderradius.zip

 

Her programcı birgün Php yi tadacaktır
20-10-2010 18:10 Edit:20-10-2010 20:04

    Php

    nssasmaz Nursin Şaşmaz Avatar

    çok hoş ocam kullanmaya başladım..

    bu arada internet explorer 9 hakında ne düşünüyorsunuz. test ettiniz mi?

    Gitme vakti gelince gitmek mi zordur kalmak mı?
    24-10-2010 11:17

      Php

      FatihÖzen Fatih Özen Avatar

      Ben de İE 8 yüklü denemediğim kod kalmadı. Hala inatla olmaz yapamam diyor. Firefox, Chrome sorun çıkartmadı şimdilik. Bu konuyu araştırırken gölge ekleme özelliği ile karşılaştım. Paylaşayım.

       

      .kutu{
      -moz-box-shadow: 1px 1px 15px #000; /* Firefox */
      -webkit-box-shadow: 1px 1px 10px #000; /* Safari, Chrome */  
      -moz-border-radius:13px;
      -webkit-border-radius:13px;
      }
      "Bulunduğu toplum için fikir üretip de söylemeyen ya tembel ya bencil yada korkaktır." www.fatihozen.com
      29-10-2010 17:42 Edit:29-10-2010 17:46

        Php

        çiğdem çiğdem aydın

        bilgi için teşşkkrler..

        29-12-2010 10:59

          seyko fikretyalcin Avatar
          Yazan:drekon

          Css 3 beraberinde sevindirici bir haberle geliyor. Artık tek satır yazı ile istediğiniz her türlü cismin köşelerini yuvarlak yapabileceksiniz.

           .kutu{   
              border-radius: 10px;
          }

          Bu güzel haber internet explorer 6,7,8 gibi microsoftun beceriksizliklerini kurtarmıyor. Fakat bunun için de bir çözüm mevcut:

          internet explorer 6 için yuvarlak köşe yapmayı sağlayan küçük eklenti:

           .kutu{   
              border-radius: 10px;
              behavior: url(border-radius.htc);
          }

          HTC dosyası behavior özelliğine bağlı olan bir çeşit javascript kütüphanesi ve sadece internet explorer çöpünü etkiliyor. Modern tarayıcılar üzerinde hiçbir etkisi olmadığından herhangi bir fazlalık teşkil etmiyor. bazı sitelerde hafif kaymalara sebep olabilir. parent elementin position özelliğini relative yapınca düzelir.

          gerekli border-radius.htc dosyasını indirin: Dosya indir : borderradius.zip

           hocam peki her yeni kod yazmak istedigimizde bunu border-radius.htc tekrar degiştirmemizmi gerekecek birde çerçeveyi sola dayalı yada saga dayalı yada herhangi bir yere yaslamak istesek border-radius.htc bu kodlardamı değişiklik yapmamız gerekecek?

          16-01-2011 06:24

            Php

            emrkar Emre K.

            Elinize sağlık ben de bununla uğraşıyordum. çok ama çok teşekkürler.Peki bir sorum olacak, kodu denedim çalışıyor fakat istedigimiz kenarları nasıl yuvarlarız, bunu da söylerseniz tam süper olacak.

            03-04-2011 22:54 Edit:03-04-2011 23:12

              www.Phpkodlari.com © 2009 Herkes Php öğrenecek
              Web tasarım ve eğitim kaynağınız.