CSS Shape için yardım |
9 Mesajlar | 744 Okunma | ||
- Üyelik 14.12.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- 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 :before ve :after eklemeleriyle yazının olduğu alandaki css classına ilave yapacağım, yardımcı olabilirseniz sevinirim :)
- Üyelik 25.11.2016
- Yaş/Cinsiyet 27 / E
- Meslek Bende Bilmiyorum
- Konum İstanbul Anadolu
- Ad Soyad M** C**
- Mesajlar 290
- Beğeniler 61 / 106
- Ticaret 1, (%100)
Tabi before, after yollarıyla oluşuyor bende pek bilmiyorum ama,
#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.
#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.
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
- Üyelik 14.12.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- 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 :)
- Üyelik 25.11.2016
- Yaş/Cinsiyet 27 / E
- Meslek Bende Bilmiyorum
- Konum İstanbul Anadolu
- Ad Soyad M** C**
- Mesajlar 290
- Beğeniler 61 / 106
- 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.
Site çevrim içiyse daha fazla yardımcı olmaya çalışırım.
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
- Üyelik 14.12.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- 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 :)
- Üyelik 25.11.2016
- Yaş/Cinsiyet 27 / E
- Meslek Bende Bilmiyorum
- Konum İstanbul Anadolu
- Ad Soyad M** C**
- Mesajlar 290
- Beğeniler 61 / 106
- Ticaret 1, (%100)
halilyc teamviewer ip ve şifre alabilirmiyim ?
Ölümü Unutmayın, Çünkü Ölüm Sizi Unutmadı !
- Üyelik 14.12.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- Ticaret 6, (%100)
muhammedakif tamamdır hocam o üst kısma örnek bir resim ekliyim ardından size özelden team viewer bilgilerimi atayım :)
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
- Üyelik 14.12.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- 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 :)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)