Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

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

 9 Mesajlar 1.316 Okunma
acebozum
tr.link

#1
crookersss crookersss </codenart> Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 37 / 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.

 

 

elektronikssl
webimgo

#2
ugurturkmen ugurturkmen bisoruu.com Kullanıcı
  • Üyelik 25.10.2014
  • Yaş/Cinsiyet 31 / 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
crookersss

kişi bu mesajı beğendi.

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

#3
crookersss crookersss </codenart> Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 37 / 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 :(
 

 

#4
YazilimMimari YazilimMimari Eski adi: Turgay Can Kullanıcı
  • Üyelik 25.06.2012
  • Yaş/Cinsiyet 38 / 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..
 

 

https://www.linkedin.com/in/turgaycan/
Kaliteli kod yazılır.. (Günlük/Saatlik ücreti ile)
wmaraci
wmaraci

#5
tatarkursad tatarkursad WM Aracı Kullanıcı
  • Üyelik 26.12.2015
  • Yaş/Cinsiyet 31 / 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
crookersss

kişi bu mesajı beğendi.

#6
crookersss crookersss </codenart> Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 37 / 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.
 

 

#7
sosyalmedya 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)
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



 

 

#8
crookersss crookersss </codenart> Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 37 / 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.
 

 

#9
tatarkursad tatarkursad WM Aracı Kullanıcı
  • Üyelik 26.12.2015
  • Yaş/Cinsiyet 31 / 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
crookersss

kişi bu mesajı beğendi.

Div içerisindeki resmin konumunu belirleme
Renk kutusu sorunum
wmaraci
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