folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder CSS3 İle Yuvarlak Kenarlı Kutu Yapımı



CSS3 İle Yuvarlak Kenarlı Kutu Yapımı

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    CSS3'te resim kullanımını aza indirmek için kullanılan border-radius yönteminin örneği. 

     

    /* Köşeleri yuvarlama sırası şu şekildedir: 'Üst Sol' 'Üst Sağ' 'Alt Sağ' 'Alt Sol' */
    -webkit-border-radius:0px 10px 10px 0px; /* WebKit */
    -moz-border-radius:0px 10px 10px 0px; /* Gecko */
    border-radius:0px 10px 10px 0px;/* CSS3 */

    http://www.ontedi.com/css3/css3-ile-yuvarlak-kenarli-kutu-yapimi.html


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    sahinka
    sahinka's avatar
    Kayıt Tarihi: 04/Mayıs/2012
    Erkek

    internet explorer sürüm:9.0 

    css3 explorera tekpki olarak mı çıkardılar acaba :D


    imza
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    musa-90
    musa-90's avatar
    Kayıt Tarihi: 30/Aralık/2011
    Erkek

    Hocam onu bunu bırakında bu radius u ben çok kullanırdım web sayfalrına div e uyguladıgında güzel oluyorda internet explorer 8-7 ve alt sürümlerinde desteklemiyor o yüzden sayfa bi şeye benzemiyor bende onun yerine resim yapıyorum kenarları oval div e css ile background olarak ayarlıyorum.Bence en iyi çözüm bu...

  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    streetw1se
    streetw1se's avatar
    Kayıt Tarihi: 22/Eylül/2007
    Erkek

    musa-90 bunu yazdı:
    -----------------------------

    Hocam onu bunu bırakında bu radius u ben çok kullanırdım web sayfalrına div e uyguladıgında güzel oluyorda internet explorer 8-7 ve alt sürümlerinde desteklemiyor o yüzden sayfa bi şeye benzemiyor bende onun yerine resim yapıyorum kenarları oval div e css ile background olarak ayarlıyorum.Bence en iyi çözüm bu...


    -----------------------------

    hocam sende yonteminle ilgili bir resimli anlatım yaparsan çok yararlı olur.

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    asiminnesli
    asiminnesli's avatar
    Kayıt Tarihi: 19/Mart/2010
    Erkek
    streetw1se bunu yazdı:
    -----------------------------

    musa-90 bunu yazdı:
    -----------------------------

    Hocam onu bunu bırakında bu radius u ben çok kullanırdım web sayfalrına div e uyguladıgında güzel oluyorda internet explorer 8-7 ve alt sürümlerinde desteklemiyor o yüzden sayfa bi şeye benzemiyor bende onun yerine resim yapıyorum kenarları oval div e css ile background olarak ayarlıyorum.Bence en iyi çözüm bu...


    -----------------------------

    hocam sende yonteminle ilgili bir resimli anlatım yaparsan çok yararlı olur.


    -----------------------------
    Hocam arkadaş demişki ;yuvarlak kenarlı olarak resim olarak kaydet normal kenarlı div in içine koy bunu resimli anlatacak adama ne gerek var

    I am Jack's inflamed sense of rejection
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    pesimistzombie
    pesimistzombie's avatar
    Kayıt Tarihi: 14/Haziran/2006
    Erkek

    Tüm tarayıcılarda sorunsuzca çalışan oval div yapımı da şu şekilde;

    http://kalsey.com/2003/07/rounded_corners_in_css/ 


    :|
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ulaslaslas
    ulaslaslas's avatar
    Kayıt Tarihi: 19/Kasım/2011
    Erkek

    adobe muse kullan

    http://labs.adobe.com/downloads/muse.html


    Trilyon da olsan harcanacaksın!!!
Toplam Hit: 1423 Toplam Mesaj: 7