lostyazilim
tr.link

CSS ile resimlerin köşelerini yuvarlatın (imajsız)

4 Mesajlar 953 Okunma
lstbozum
tr.link

Atakan Atakan Emekli. Kullanıcı
  • Üyelik 20.05.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek -
  • Konum Aydın
  • Ad Soyad A** U**
  • Mesajlar 6139
  • Beğeniler 2442 / 2410
  • Ticaret 12, (%100)



CSS son zamanlarda öyle gelişti ki bazı kişiler sadece CSS3 kullanarak animasyonlu banner bile hazırlamaya başladılar. Tarayıcılar ise bu çılgınlığa ayak uydurmaya çalışıyorlar. Neyse konumuza dönecek olursak blog içerisinde kullandığım bir kod yapısı ile herhangi bir imaj kullanmadan sitenizdeki tüm resimlerin köşelerini istediğiniz derecede yuvarlatabilirsiniz.

Gelelim kodlama yapısına, klasik css kodu kullanacağız. Eğer belli bir css kısmının içerisindeki tüm resimleri etkilemesini istiyorsanız alttaki kodları o yapıya ekleyebilirsiniz. Bu kod yapısı Firefox, Safari ve Chrome tarayıcıları için kullanılabilir. Kod yapılarının ayrı yazılmasının sebebi; -moz mozilla, -webkit safari ve chrome, -khtml ise Konquerer tarayıcıları için kullanılan kod yapısıdır. Kod yapısı muhtemelen IE9′da da işe yarıyor lakin diğer Internet explorer versiyonlarında işe yaraması için ek bir kütüphaneye ihtiyaç duyuyor.

.post img
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}


Alıntı yapılan makalenin tümüne ve internet explorer versiyonları ile ilgili daha detaylı bilgiye buradan ulaşabilirsiniz.

Kaynak: Spaksu - http://www.spaksu.com/css-ile-resimlerin-koselerini-yuvarlatin-imajsiz/

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

WordPress ya da Blogger farketmez, style dosyanıza ekleyin çalışır.

Spaksu

kişi bu mesajı beğendi.

wmaraci
reklam

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Tüm resimleri ovalleştirmek kötü olabilir... :)
 

 

Metin Metin metinli.com Kullanıcı
  • Üyelik 28.03.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek SEO Analisti ve Siber Güvenlik
  • Konum Ankara
  • Ad Soyad M** Y**
  • Mesajlar 1399
  • Beğeniler 61 / 582
  • Ticaret 18, (%94)
Sadece bir resmin veya bir kaç resmin bu şekilde olması için ayrı bir sınıf belirleyebilir, istediğiniz resimleri de o sınıfa atayabilirsiniz.

Paylaşım için teşekkürler. :)
Atakan

kişi bu mesajı beğendi.

Yazar, yazılım geliştirici, SEO Analisti ve siber güvenlik uzmanı.

b3yaz b3yaz WMAracı Kullanıcı
  • Üyelik 02.05.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek Diğer
  • Konum Diğer
  • Ad Soyad M** B**
  • Mesajlar 2048
  • Beğeniler 69 / 125
  • Ticaret 18, (%100)
Teşekkürler, güzel paylaşım.
Atakan

kişi bu mesajı beğendi.

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al