lostyazilim

Kategori Resimlerini Oval Yapmak

8 Mesajlar 811 Okunma
lstbozum
wmaraci reklam

msain1536 msain1536 grafikrin.com Kullanıcı
  • Üyelik 14.05.2014
  • Yaş/Cinsiyet 30 / E
  • Meslek Graphic Designer
  • Konum İstanbul Anadolu
  • Ad Soyad M** S**
  • Mesajlar 472
  • Beğeniler 143 / 174
  • Ticaret 4, (%100)
Merhaba arkadaşlar. Temanın kategori resimlerini nasıl yuvarlak yapabilirim. Mesela Aksiyon kategorimi örnek alalım. Şu soldaki resimler biraz daha büyük ve yuvarlak olsun istiyorum. İstiyorum ama nasıl yapacağım bilmiyorum :) Yardımcı olabilecek var mı?
 

 

grafikrin.com | Stunning Ideas | Ücretsiz Grafik Tasarım Elementleri
wmaraci
reklam

MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)
CSS3 Border Radius Generator
 

 

msain1536 msain1536 grafikrin.com Kullanıcı
  • Üyelik 14.05.2014
  • Yaş/Cinsiyet 30 / E
  • Meslek Graphic Designer
  • Konum İstanbul Anadolu
  • Ad Soyad M** S**
  • Mesajlar 472
  • Beğeniler 143 / 174
  • Ticaret 4, (%100)
bu kodları nereye ekliyoruz ama :) birde tam yuvarlak olmuyor mu?
 

 

grafikrin.com | Stunning Ideas | Ücretsiz Grafik Tasarım Elementleri

MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)
.post-thumbnail img {
/* Kodlar buraya eklenmeli. Tam yuvarlak olmaz. */
}

Tam yuvarlak istiyorsanız, buraya bakın.

Anahtar kelimeler: CSS3 Rounded İmage
 

 

wmaraci
wmaraci

msain1536 msain1536 grafikrin.com Kullanıcı
  • Üyelik 14.05.2014
  • Yaş/Cinsiyet 30 / E
  • Meslek Graphic Designer
  • Konum İstanbul Anadolu
  • Ad Soyad M** S**
  • Mesajlar 472
  • Beğeniler 143 / 174
  • Ticaret 4, (%100)
style.css içerisinde değil mi? Aşağıda ki gibi var dediğinize örnek. border-radius değerleri ile oynasam olmaz mı peki?

.post-thumbnail img {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
 

 

grafikrin.com | Stunning Ideas | Ücretsiz Grafik Tasarım Elementleri

MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)
Değerlerle oynadığınızda resimlerde meydana gelen görüntüyü bir önceki mesajımda belirttiğim CSS3 Border Radius Generator sitesinden bakabilirsiniz. Siteyi incelediğinizde giirdiğiniz değere göre size kodunu ve oluşan şekli göstermekte. Biraz araştırın lütfen.
msain1536

kişi bu mesajı beğendi.

soulmy soulmy WM Aracı Kullanıcı
  • Üyelik 12.06.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Öğretmen
  • Konum Samsun
  • Ad Soyad O** Y**
  • Mesajlar 1722
  • Beğeniler 398 / 400
  • Ticaret 20, (%100)

msain1536 adlı üyeden alıntı

style.css içerisinde değil mi? Aşağıda ki gibi var dediğinize örnek. border-radius değerleri ile oynasam olmaz mı peki?

.post-thumbnail img {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


8px yerine 50% yazarsan tam olarak yuvarlak olur.
msain1536

kişi bu mesajı beğendi.

.

msain1536 msain1536 grafikrin.com Kullanıcı
  • Üyelik 14.05.2014
  • Yaş/Cinsiyet 30 / E
  • Meslek Graphic Designer
  • Konum İstanbul Anadolu
  • Ad Soyad M** S**
  • Mesajlar 472
  • Beğeniler 143 / 174
  • Ticaret 4, (%100)
Teşekkür ederim
 

 

grafikrin.com | Stunning Ideas | Ücretsiz Grafik Tasarım Elementleri
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