Ürün ArkaPlan Resmi

By_Surmeneli

OpenCart-TR
Katılım
19 Tem 2010
Mesajlar
273
Tepkime puanı
0
Puanları
0
Yaş
37
Konum
Trabzon
Web sitesi
www.kodcenneti.com
Arkadaşlar css ile ürünlerin arka plan resim koymaya çalıştım ama görünüm bozuk gösteriyor nasıl düzeltebilrim.
css te kullandığım kod aşağıdaki gibidir.

.box-product > div {


width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
background: transparent url('http://www.kiroglumarket.com/bg_urun.gif');

}


evet arkadaşlar terz, kendi söküğünü dikti :D buyrun denemek isteyen var çerçevelerle yaptım ürünün arkasına i Love Csss :D:D:D:D:D

bu kendi styleshhets.css dosyamdaki değişiklik sizde kendinize göre değiştirin. Belki fazlalık kodlar vardır ustalar daha iyi bilir ama acemi terzi :D teşekkürler


}
.box-product > div {


width: 110px;
background:#FDD;
border:solid 2px #EA0000;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 20px;
padding:10px;}

}
 

Ekli dosyalar

  • Adsız.png
    Adsız.png
    90.4 KB · Görüntüleme: 92
  • Adsız.png
    Adsız.png
    147.2 KB · Görüntüleme: 67

gehennas

OpenCart-TR
Katılım
16 Ocak 2012
Mesajlar
33
Tepkime puanı
0
Puanları
0
Kod:
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;

bu kısımlar css dosyandan silebilirsin. zaten altta border-radius belirtmişsin, ayrıca niye sol alt bordera radius verdiğini anlayamadım. Bir de kişisel fikrim o yeşil ile o pembenin birbirine pek uymadığı yönünde. Daha uygun renkler koyabilirsin. Mesela arka plan regni olan o pembenin yerine #e9fad8 koyup dene. Borderın rengi de çok cart kırmızı daha uygun bir renk olabilir.
 

tukrok

OpenCart-TR
Katılım
8 Ara 2009
Mesajlar
37
Tepkime puanı
0
Puanları
0
border radius'lar ie ile uyumlu değildir. Ancak farklı yöntemler var tabiki.
 
Üst