Ekteki resimde gördüğünüz kısımları nasıl yuvarlatabilirim? Yardımcı olursanız sevinirim.
Forum Köşesi Yardım!! |
4 Mesajlar | 720 Okunma | ||
- Üyelik 04.07.2016
- Yaş/Cinsiyet 32 / E
- Meslek Müdür
- Konum İstanbul Avrupa
- Ad Soyad B** S**
- Mesajlar 361
- Beğeniler 10 / 57
- Ticaret 1, (%0)
Arkadaşlar Merhaba
Ekteki resimde gördüğünüz kısımları nasıl yuvarlatabilirim? Yardımcı olursanız sevinirim.
Ekteki resimde gördüğünüz kısımları nasıl yuvarlatabilirim? Yardımcı olursanız sevinirim.
- Üyelik 16.07.2015
- Yaş/Cinsiyet 27 / E
- Meslek Bilgisayar Müh. Öğrencisi
- Konum İstanbul Anadolu
- Ad Soyad M** T**
- Mesajlar 215
- Beğeniler 94 / 93
- Ticaret 23, (%100)
1. Adım
Web sitenizin global.min.css dosyasında #container isimli divi bulun. Bu dosyanız biraz karışık gözükebilir. CTRL+F kısayolu ile arama yaparsanız daha rahat ulaşırsınız. Şuanda içerisinde şöyle bir yapı gözükmektedir:
2. Adım
Div içerisine aşağıdaki kodları ilave edin.
Bu kodlarda ilk 3 satır farklı tarayıcılarda da problem yaşamamanız için vardır. Bu satırların yanındaki 25px ifadesini arttırıp azaltabilirsiniz. overflow satırı ise köşeleri yuvarladığımızda üst menünüzde dışa taşma ve bundan kaynaklı kötü görüntü oluşmaması içindir.
Sonuç
Yani kodunuzun #container divinin son görünümü şöyle olacaktır:
Web sitenizin global.min.css dosyasında #container isimli divi bulun. Bu dosyanız biraz karışık gözükebilir. CTRL+F kısayolu ile arama yaparsanız daha rahat ulaşırsınız. Şuanda içerisinde şöyle bir yapı gözükmektedir:
#container{color:#fc0;text-align:left;line-height:1.4;margin:auto;margin-bottom:10px;border:2px solid #fc0;border-top:0;-webkit-box-shadow:0 0 5px 2px #000;-moz-box-shadow:0 0 5px 2px #000;box-shadow:0 0 5px 2px #000;border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;font-family:Tahoma,Verdana,Arial,Sans-Serif;font-size:13px;width:95%;min-width:990px;max-width:1200px}
2. Adım
Div içerisine aşağıdaki kodları ilave edin.
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
overflow: hidden;
Bu kodlarda ilk 3 satır farklı tarayıcılarda da problem yaşamamanız için vardır. Bu satırların yanındaki 25px ifadesini arttırıp azaltabilirsiniz. overflow satırı ise köşeleri yuvarladığımızda üst menünüzde dışa taşma ve bundan kaynaklı kötü görüntü oluşmaması içindir.
Sonuç
Yani kodunuzun #container divinin son görünümü şöyle olacaktır:
#container{color:#fc0;text-align:left;line-height:1.4;margin:auto;margin-bottom:10px;border:2px solid #fc0;border-top:0;-webkit-box-shadow:0 0 5px 2px #000;-moz-box-shadow:0 0 5px 2px #000;box-shadow:0 0 5px 2px #000;border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;font-family:Tahoma,Verdana,Arial,Sans-Serif;font-size:13px;width:95%;min-width:990px;max-width:1200px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden;} 
- Üyelik 04.07.2016
- Yaş/Cinsiyet 32 / E
- Meslek Müdür
- Konum İstanbul Avrupa
- Ad Soyad B** S**
- Mesajlar 361
- Beğeniler 10 / 57
- Ticaret 1, (%0)
''MertTpz'' arkadaşa çok teşekkürler. Zahmet etmiş detaylı bir şekilde anlatmış. Konu çözüldü.
- Üyelik 16.07.2015
- Yaş/Cinsiyet 27 / E
- Meslek Bilgisayar Müh. Öğrencisi
- Konum İstanbul Anadolu
- Ad Soyad M** T**
- Mesajlar 215
- Beğeniler 94 / 93
- Ticaret 23, (%100)
Rica ederim hocam, sorununuza çözüm olabildiysem ne mutlu :)
İyi çalışmalar dilerim.
İyi çalışmalar dilerim.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)