Bu resimdeki yuvarlak simgeli kısmı aşağıdaki ilanların olduğu kareli şekile entegre etmek istiyorum ama hangi kodlar lazım bir türlü bulamadım.
Nasıl yuvarlak çerçeveli yaparım? |
9 Mesajlar | 1.307 Okunma | ||
- Üyelik 18.02.2014
- Yaş/Cinsiyet 36 / E
- Meslek webmaster
- Konum İstanbul Avrupa
- Ad Soyad C** Y**
- Mesajlar 56
- Beğeniler 3 / 0
- Ticaret 0, (%0)
Merhaba arkadaşlar,
Bu resimdeki yuvarlak simgeli kısmı aşağıdaki ilanların olduğu kareli şekile entegre etmek istiyorum ama hangi kodlar lazım bir türlü bulamadım.
Bu resimdeki yuvarlak simgeli kısmı aşağıdaki ilanların olduğu kareli şekile entegre etmek istiyorum ama hangi kodlar lazım bir türlü bulamadım.
http://www.ilanliyo.com
- Üyelik 22.08.2011
- Yaş/Cinsiyet 34 / E
- Meslek Front-end
- Konum Denizli
- Ad Soyad A** A**
- Mesajlar 1243
- Beğeniler 384 / 148
- Ticaret 3, (%100)
Hocam şöyle birşey mi istiyorsunuz yoksa yanlış mı anladım ?
- Üyelik 18.02.2014
- Yaş/Cinsiyet 36 / E
- Meslek webmaster
- Konum İstanbul Avrupa
- Ad Soyad C** Y**
- Mesajlar 56
- Beğeniler 3 / 0
- Ticaret 0, (%0)
içindekiler doğruda dışındaki karede yuvarlak olacak ya da rengi beyaz yapılıp sadece yuvarlak görünecek hani direk yukardaki mavi simgeler gibi olacak hocam.
http://www.ilanliyo.com
- Üyelik 22.08.2011
- Yaş/Cinsiyet 34 / E
- Meslek Front-end
- Konum Denizli
- Ad Soyad A** A**
- Mesajlar 1243
- Beğeniler 384 / 148
- Ticaret 3, (%100)
içindekiler doğruda dışındaki karede yuvarlak olacak ya da rengi beyaz yapılıp sadece yuvarlak görünecek hani direk yukardaki mavi simgeler gibi olacak hocam.
Şu şekil mi yani ? (Tam kare olursa yazılarınız tam okunmuyor illa isterseniz özelden pm atın)
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
Resim alanının dışındaki dive kapsayıcı elmana border-radius ve owerflow vererek yapabilirsiniz.Yazılar dışarda olursa daha iyi olur.
.yuvarla {
width: 150px;
height: 150px;
border-radius: 999rem;
overflow: hidden;
border: 4px solid skyblue;
}
- Üyelik 18.02.2014
- Yaş/Cinsiyet 36 / E
- Meslek webmaster
- Konum İstanbul Avrupa
- Ad Soyad C** Y**
- Mesajlar 56
- Beğeniler 3 / 0
- Ticaret 0, (%0)
sosyalmedya adlı üyeden alıntı
Resim alanının dışındaki dive kapsayıcı elmana border-radius ve owerflow vererek yapabilirsiniz.Yazılar dışarda olursa daha iyi olur.
.yuvarla {
width: 150px;
height: 150px;
border-radius: 999rem;
overflow: hidden;
border: 4px solid skyblue;
}
Kodu yazacağım yeri bualamıyorum ki :D öyle bir sorun var işte
http://www.ilanliyo.com
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
Sitenize bakmadım bi bakıyım
- Üyelik 18.02.2014
- Yaş/Cinsiyet 36 / E
- Meslek webmaster
- Konum İstanbul Avrupa
- Ad Soyad C** Y**
- Mesajlar 56
- Beğeniler 3 / 0
- Ticaret 0, (%0)
http://www.ilanliyo.com
- Üyelik 07.02.2015
- Yaş/Cinsiyet 28 / E
- Meslek Front-end developer
- Konum Zonguldak
- Ad Soyad T** D**
- Mesajlar 175
- Beğeniler 18 / 28
- Ticaret 0, (%0)
İlan_liste clasını bununla değiştiriniz.
.ilan_liste
{width: 110px;
height: 125px;
border: 1px solid #CCC;
float: left;
margin: 20px 0 0 35px;
-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px 3px #DDD;
-moz-box-shadow: 0 0 3px 3px #DDD;
box-shadow: 0 0 3px 3px #DDD;
padding: 5px;
border-radius: 100px;}
.ilan_liste
{width: 110px;
height: 125px;
border: 1px solid #CCC;
float: left;
margin: 20px 0 0 35px;
-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px 3px #DDD;
-moz-box-shadow: 0 0 3px 3px #DDD;
box-shadow: 0 0 3px 3px #DDD;
padding: 5px;
border-radius: 100px;}
Hızlı deneyin, hızlı başarısızlığa uğrayın ve hızlı bir şekilde kendinizi yenileyin.
― T. Peters
― T. Peters
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)