Çok ufak CSS kod desteği lazım arkadaşlar.

03.01.2016 16:47

crookersss </codenart> Kullanıcı

Üyelik 27.11.2013
Yaş/Cinsiyet 38 / E
Meslek WM
Konum Bursa

Ad Soyad S** Ö**
Mesajlar 569
Beğeniler 212 / 177
Ticaret 1, (%100)

Öncelikle selamun aleyküm arkadaşlar uzun bir aradan sonra tekrar buralara ger döndük.

İşi bilen arkadaşlardan ufak bir kod desteği isteyeceğim.

Bir ürün listemiz var küçük resim ve altında fiyat şeklinde. Bu ürünler sidebarda duruyormuş gibi sayfanın tam ortasından aşağı doğru sıralanıyor. Bunları css ile yan yana sıaralamak ve çerçeve içine almak istiyorum hangi kodlar işimi görür acaba?

Alttaki resimde ne yapmak istediğimi gösterdim soldaki bende olan sağdaki olmasını istediğim. Şimdiden ilgilenen arkadaşlara çok teşekkürler.

03.01.2016 16:55

#2

ugurturkmen bisoruu.com Kullanıcı

Üyelik 25.10.2014
Yaş/Cinsiyet 32 / E
Meslek PHP Programmer
Konum İstanbul Avrupa

Ad Soyad U** T**
Mesajlar 208
Beğeniler 78 / 62
Ticaret 0, (%0)

bir demo adresiniz varsa konuya ekleyin bakalım hocam

1 kişi bu mesajı beğendi.

Merak ettiklerini sor, aklında kalmasın.
www.bisoruu.com

03.01.2016 17:02

#3

crookersss </codenart> Kullanıcı

Üyelik 27.11.2013
Yaş/Cinsiyet 38 / E
Meslek WM
Konum Bursa

Ad Soyad S** Ö**
Mesajlar 569
Beğeniler 212 / 177
Ticaret 1, (%100)

Ustam şuanda sitemiz kullanıma açık değil fakat örnek olarak gösterebileceğim şu var, http://demo.proticaret.org/ buradaki slider'ın yanında günün fırsatı yazan modülü yana doğru 4 veya 5 li sıralamakta işimi görebilir.

Ek Olarak: Yardımcı olabilecek kimse yok mu arkadaşlar çok acil lazım :/

Ek Olarak: Arkadaşlar sorunum devam etmekte bilen bi el atsın ya :(

04.01.2016 12:06

#4

YazilimMimari Eski adi: Turgay Can E-Mail Onaysız

Üyelik 25.06.2012
Yaş/Cinsiyet 39 / E
Meslek Engineering Director
Konum İstanbul Avrupa

Ad Soyad T** C**
Mesajlar 771
Beğeniler 2 / 260
Ticaret 0, (%0)

Dostum hangi dil ile bunu yazıyorsun, nasıl bir kodla alt alta olan kısımların html'ini generate ediyorsun?

Html/css 'mi yoksa kullandığın herhangi bir framework'ün html output'umudur bu?

en basit hali ile ;

//for loop

//

//product html/css

sana yanyana üretir..

Aynısını div ilede yapabilirsin. Boyutsal değerlerini vermek koşulu ile..

04.01.2016 13:00

#5

tatarkursad WM Aracı Kullanıcı

Üyelik 26.12.2015
Yaş/Cinsiyet 32 / E
Meslek Grafik Tasarım
Konum İstanbul Avrupa

Ad Soyad K** T**
Mesajlar 80
Beğeniler 31 / 30
Ticaret 0, (%0)

@crookersss Anladığım kadarı ile çalışır bir css istiyorsun. Bunun ile alakalı bir çalışma hazırladım, işini görürse sevinirim.

http://codepen.io/tatarkursad/pen/NxdOGw

1 kişi bu mesajı beğendi.

04.01.2016 13:27

#6

crookersss </codenart> Kullanıcı

Üyelik 27.11.2013
Yaş/Cinsiyet 38 / E
Meslek WM
Konum Bursa

Ad Soyad S** Ö**
Mesajlar 569
Beğeniler 212 / 177
Ticaret 1, (%100)

Üstad ellerine kollarına sağlık tam istediğim şekilde hazırlamışsın. Fakat çok kısa bir bilgi daha almak istiyorum sizden. Ürünlerin üzerine mesela sağ üst köşesine indirim yazılı küçük bir yıldız koymak istesem hangi kodu nereye eklemem gerekir acaba.

04.01.2016 14:36

#7

sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı

Üyelik 18.07.2012
Yaş/Cinsiyet 38 / E
Meslek Front End Developer
Konum İstanbul Avrupa

Ad Soyad S** A**
Mesajlar 219
Beğeniler 28 / 66
Ticaret 0, (%0)

tatarkursad arkadaşımızın örneğinden yapıyorsan, iconlar için font awesome kullanacağını düşünerek şu şekilde yapabilirsin.



 



     



     

    

     Electrolux Silent 
Elektrikli Süpürge

     1.400,00 TL

     1.500 TL





.urun { 

  float:left;

  width:170px;

  border-radius:3px;

  border:1px solid #CCC;

  margin-right:30px;

  transition:all .25s linear;



 position: relative;



}







.fa-star {

  position: absolute;

  right: 5px;

  top: 5px;

}

fontawesome ekleme için arasına şu kodu eklemelisiniz

04.01.2016 15:01

#8

crookersss </codenart> Kullanıcı

Üyelik 27.11.2013
Yaş/Cinsiyet 38 / E
Meslek WM
Konum Bursa

Ad Soyad S** Ö**
Mesajlar 569
Beğeniler 212 / 177
Ticaret 1, (%100)

Dostlar çok teşekkürler herşey için istediğim bilgilere tamamı ile ulaşmış bulunmaktayım. Saygılarımla.

04.01.2016 18:09

#9

tatarkursad WM Aracı Kullanıcı

Üyelik 26.12.2015
Yaş/Cinsiyet 32 / E
Meslek Grafik Tasarım
Konum İstanbul Avrupa

Ad Soyad K** T**
Mesajlar 80
Beğeniler 31 / 30
Ticaret 0, (%0)

Örneğin birine kurdele ekledim sağ üst köşeye position ile oynayarak farklı yerlerede çekebilirsin. Ayrıca renkleri ile oynayabilirsin.

http://codepen.io/tatarkursad/pen/NxdOGw

1 kişi bu mesajı beğendi.

Çok ufak CSS kod desteği lazım arkadaşlar.

Electrolux Silent Elektrikli Süpürge

Üye Girişi Yap

Electrolux Silent
Elektrikli Süpürge