Giriş Yap / Kayıt Ol
sosyal.market

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

7Beğeni
  • 1 Yazan muhammedakif
  • 1 Yazan muhammedakif
  • 1 Yazan muhammedakif
  • 1 Yazan halilyc
  • 1 Yazan cgrclk
  • 2 Yazan halilyc

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

CSS Shape için yardım

  #1  
Okunmamış 27 Ocak 2017, 15:41
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
Merhabalar arkadaşlar, css ile aşağıdaki resimde sarı dairelerin içine aldığım ok şeklinde şekli nasıl yapabilirim acaba ? Zannımca efore ve :after eklemeleriyle yazının olduğu alandaki css classına ilave yapacağım, yardımcı olabilirseniz sevinirim

  #2  
Okunmamış 27 Ocak 2017, 15:58
muhammedakif Adlı Üyenin Avatarı
www.muhammedakif.com
 
Üyelik Tarihi: 25 Kasım 2016
Cinsiyet: Erkek
Ad, Soyad: Mu... Co...
Mesajlar: 291
Beğeniler: 106 / 62
Ticaret: 1, 100%
Tabi before, after yollarıyla oluşuyor bende pek bilmiyorum ama,

<div id="triangle-down"></div>

#triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}

bu şekilde üçgeni position ile istediğiniz yerine koyabilirsiniz.
halilyc bunu beğendi.
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
  #3  
Okunmamış 27 Ocak 2017, 16:06
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
muhammedakif onu aşağısı için yaptım hocam oldu fakat asıl mesele üst kısım, aşağı doğru giren kısım ve üssteki alanın arkaplanının orda gözükmesi, yani transparan bir şekil. Onu da çözebilirsek harika olacak
Konu halilyc tarafından (27 Ocak 2017, 16:14 ) değiştirilmiştir.
  #4  
Okunmamış 27 Ocak 2017, 16:10
muhammedakif Adlı Üyenin Avatarı
www.muhammedakif.com
 
Üyelik Tarihi: 25 Kasım 2016
Cinsiyet: Erkek
Ad, Soyad: Mu... Co...
Mesajlar: 291
Beğeniler: 106 / 62
Ticaret: 1, 100%
Yani aşağıya ok gibi, gözüken yerde de resim gözüksün diyorsunuz ? o zaman , resim alanını yükseltin, ok'da gözükecek kadar sonra divi margin ya da position ile yukarı çıkartın.

Site çevrim içiyse daha fazla yardımcı olmaya çalışırım.
halilyc bunu beğendi.
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
  #5  
Okunmamış 27 Ocak 2017, 16:13
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
muhammedakif site malesef localhostta şuan hocam, dediğiniz mantıklı margin ile alt kısmı resmin üzerine çekicem ok alanına kadar ama önemli olan alt kısımdaki ok şeklinde kısmın transparan olması, yoksa resim gözükmez. Renk ile yapmak kolay ama transparan şekilde nasıl olacak acaba çözemedim. Aşağıdaki resimde renk ile yaptım kolay oldu ama o içeri giren üstteki ok şekli transparan olursa margin ile hallederim zaten gerisini dediğiniz gibi

  #6  
Okunmamış 27 Ocak 2017, 16:15
muhammedakif Adlı Üyenin Avatarı
www.muhammedakif.com
 
Üyelik Tarihi: 25 Kasım 2016
Cinsiyet: Erkek
Ad, Soyad: Mu... Co...
Mesajlar: 291
Beğeniler: 106 / 62
Ticaret: 1, 100%
halilyc teamviewer ip ve şifre alabilirmiyim ?
halilyc bunu beğendi.
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
  #7  
Okunmamış 27 Ocak 2017, 16:20
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
muhammedakif tamamdır hocam o üst kısma örnek bir resim ekliyim ardından size özelden team viewer bilgilerimi atayım
muhammedakif bunu beğendi.
  #8  
Okunmamış 27 Ocak 2017, 16:24
cgrclk Adlı Üyenin Avatarı
Fortis Fortuna Adiuvat
 
Üyelik Tarihi: 18 Kasım 2011
Cinsiyet: Erkek
Meslek: Web Developer
Ad, Soyad: Ça... Ço...
Mesajlar: 3.193
Beğeniler: 2147 / 1186
Ticaret: 49, 100%
Buyrun, http://codepen.io/cgrclk/pen/xgPbWx

Bunu inceleyip düzenleyebilirsiniz.
halilyc bunu beğendi.
Forum kurallarına uyalım, uymayanları uyaralım.
--Forum kuralları
  #9  
Okunmamış 27 Ocak 2017, 16:40
halilyc Adlı Üyenin Avatarı
labters.com
 
Üyelik Tarihi: 14 Aralık 2013
Yaş / Cinsiyet: 25 / Erkek
Ad, Soyad: Ha... Yü...
Mesajlar: 849
Beğeniler: 191 / 458
Ticaret: 6, 100%
cgrclk hocam varya hızır gibi yetiştin, süpersin Allah razı olsun muhammedakif hocamada teşekkür ediyorum zahmet verdik
cgrclk ve muhammedakif bunu beğendi.
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 09:33.