Resimleri yuvarlak çerçeve içerisine nasıl alabilirim?

17.02.2015 01:08

ilanliyo WM Aracı Kullanıcı

Ü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)

Merhabalar arkadaşlar buradaki durumu 2. resimdekine nasıl uygularım?

Aynen buradaki listedede böyle yuvarlak olmasını istiyorumda. nasıl yapabilirim? Css kodlarında bir yerde bişiler yapmam lazım ama ne yapacağımı bulamadım gene. anasayfaya uyguladım bi kaç arkadaşın yardımıyla sağolsunlar.

Ve bir diğer sorumda şu alttaki resimde kategoriler var ana kategoriler kalacak şekilde alttaki kategorileri yok etmek istiyorum ordan.
Yani şöyle ki;

Emlak ana kategorimiz
Konut
İş Yeri
Arsa
Projeler
.
.

Vasıta ana kategorimiz
Araba
Motorsiklet
Arazi,
.
.
.

bu alt başlıklar olmayacak sadece ana kategoriler kalacak şekilde yapmak istiyorum css'den bir kodu sildiğimde onlar gitmiyor bir yerden bir kod daha silmem lazım ama onuda bulamadım.

http://www.ilanliyo.com

17.02.2015 02:56

#2

sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı

Ü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)

Alt kategorileri kaldırmak için



.subcat {

display: none;

}

resimleri de şu şekilde yuvarlayablirsin



.list_ads img {

border: 2px solid green;

width: 81px;

height: 81px;

border-radius: 999rem;

}

17.02.2015 13:11

#3

ilanliyo WM Aracı Kullanıcı

Ü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ı

Alt kategorileri kaldırmak için


.subcat {
display: none;
}

resimleri de şu şekilde yuvarlayablirsin


.list_ads img {
border: 2px solid green;
width: 81px;
height: 81px;
border-radius: 999rem;
}

Abim varya hayat kurtardın yemin ederim allah razı olsun son bir sorunum kaldı onuda halledersem sorun ortadan kalacak. Teşekkürler binlerce kez!!

Resimde anlattığım gibi çemberin içindeki başlık yazılarını resmin altına ve ya üstüne nasıl alabilirim?

http://www.ilanliyo.com

17.02.2015 15:06

#4

sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı

Ü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)

Geçen gün özel mesajla cevaplamıştım.Yazıyı dışarı çıkarman için ilan_liste divi içerisinde resim kısmını ve yazı kısmını ayrı divlere alman gerek.Sonra ilan_liste divine verdiğin bu çerçeve özellikerlni alıp resim divi vermelisin.

Senin yapın şu şekilde




    
     // resim burası
    



     Yazı burası

Yukarıdaki yapını şu şekilde değiştirmelisin




   
      
         
      
   

  
  Başlık burası

bunu yaptıktan sonra ilan_liste divinin css özellikerlnden bazılarını ilan_resim divine aktarmalısın
border-radius ve border özelliklerini direk taşı
ilan_resim için css özellikleri şu şekilde olabilir


.ilan_resim {
   width: 85px;
   height: 85px;
   border-radius: 999rem;
   border: 1px solid #212121;
   overflow: hidden;
   margin: 0 auto;
}

Güncelleme: Yada yapını değiştirmeden şu şekilde de yapabilirsin.Resimin bulunduğu tagına class="ilan_resim" ekle.
Yukarıda verdiğim ilan_resim css özelliklerine bir de display: block; ekle,tabiki ilan_liste deki border ve border-radius özelliklerini kaldır.

17.02.2015 18:39

#5

ilanliyo WM Aracı Kullanıcı

Ü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ı

Geçen gün özel mesajla cevaplamıştım.Yazıyı dışarı çıkarman için ilan_liste divi içerisinde resim kısmını ve yazı kısmını ayrı divlere alman gerek.Sonra ilan_liste divine verdiğin bu çerçeve özellikerlni alıp resim divi vermelisin.

Senin yapın şu şekilde







    

     // resim burası

    






     Yazı burası

Yukarıdaki yapını şu şekilde değiştirmelisin







   

      

         

      

   

  

  Başlık burası

bunu yaptıktan sonra ilan_liste divinin css özellikerlnden bazılarını ilan_resim divine aktarmalısın
border-radius ve border özelliklerini direk taşı
ilan_resim için css özellikleri şu şekilde olabilir



.ilan_resim {

   width: 85px;

   height: 85px;

   border-radius: 999rem;

   border: 1px solid #212121;

   overflow: hidden;

   margin: 0 auto;

}

Güncelleme: Yada yapını değiştirmeden şu şekilde de yapabilirsin.Resimin bulunduğu tagına class="ilan_resim" ekle.
Yukarıda verdiğim ilan_resim css özelliklerine bir de display: block; ekle,tabiki ilan_liste deki border ve border-radius özelliklerini kaldır.

Olmuyor işte bununla sorun orda border ve border-radius u kaldırınca ana sayfa kökten bozuluyor ilanlar alt alta geliyor yuvarlaklık özelliği kayboluyor. Yani bide karışık oluyor anlamıyorum sorun nedirdir 2 gün önce denediğimdede aynısı oluyordu. O başlıkları resimden ayırmanın daha kolay yolu yok mu ya çünkü gerçekten neyi nereye yazacağımı neyi sileceğimi bulamıyorum. Zor oluyor yani böyle.

http://www.ilanliyo.com

17.02.2015 19:06

#6

sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı

Ü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)

Özel mesajla yapacaklarını tek tek anlattım.

Resimleri yuvarlak çerçeve içerisine nasıl alabilirim?

Üye Girişi Yap