Kategori: CSS

13 Aralık 2018

Bootstrap validation kullanırken zorunlu olmayan alanları görmezden gelmek

VueJS ile bir iki haftada bitirmek üzere başladığım bir yan projemde Bootstrap-vue kullanıyorum. Burada karşılaştığım bir validation sorununu nasıl aştığımı kısaca belirteyim. Sorun şu; formda iki alan zorunlu iken diğer üç alan zorunlu değil. Formdaki submit butonuna tıklanınca bütün form validate ediliyor ve hatalı alanlar kırmızı ile, hata olmayanlar yeşil ile belirtiliyor. İşte bu yeşil olanlar zaten zorunlu olmayan alanlar. Bunların yeşil görünmelerini istemiyordum. Bootstrap […]

CSS ipucu Kendime Not Web

6 Nisan 2016

WordPress’de YouTube videolarının düzgün görüntülenmesi için plugin: Fluidvids

Sayfalarınıza embed olarak eklediğiniz YouTube videolarının sayfanın genişliğine ve bağlandığınız cihaza göre tam oturması yani responsive olması için CSS ile birazcık takla atmanız gerekiyor. Bootstrap kullanan sayfalarda bunun çözümü hazır zaten: http://getbootstrap.com/components/#responsive-embed WordPress sayfalarında bu taklayı otomatik olarak atmayı sağlayan bir plugin mevcut: Fluitvids Kurup aktive etmekten başka ekstra hiç bir işleme gerek yok. Daha önce eklediğiniz YouTube videoları için de işe yarıyor. Tavsiye ederiz.

CSS ipucu Javascript Kendime Not

29 Nisan 2012

Chrome’da file objesini tetiklemek

Web sayfanızda File input öğresi yerine bir buton veya link ile dosya diyalog penceresini açmak istediğinizde ilk yaptığımız şey “display:none” diyerek mevcut file input nesnesini gizlemektir. İşte chrome da tam buna gıcık oluyormuş. O nesne görünmez olduğu için jquery ile $(“#file_input_nesnesi”).trigger(“click”) dediğinizde bir tepki vermiyor. Yapılacak iş file input nesnesini başka bir şekilde gizlemek. Mesela “position:absolute; top:-999px; left:-999px” şeklinde stil vererek gizlediğimizde sorun kalmıyor..

CSS ipucu Javascript

28 Nisan 2012

Jcrop ve Twitter Bootstrap çakışması

Bir mikroproje için lazım olan Jcrop (görselleri kesmeye yaran güzel bir jQuery eklentisi) düzgün çalışmayınca mutlaka başka bir Javascript ile ya da CSS ile çakıştı diye düşündüm. Yanılmamışım, sayfadaki diğer Javascript ve css dosyaları sırayla kaldırdığımda sorunun projede kullandığım Twitter Bootstrap css dosyaları ile çakışmasından kaynaklandığını farkettim. Her ikisi de çok kullanılan kaynaklar olduğu için kesin bu problem başkalarının da karşısına çıkmıştır ve bir çözüm […]

CSS Kendime Not Web

27 Kasım 2011

CSS: Float nesnelerde kalan genişliği kullanmak

Mevzu başlıktaki gibi kolay ve tek satırda hallolmuyor malesef. Amacım resimde gördüğünüz gibi yanyana iki div koymak ve bunlardan birisi sabit genişlikte iken diğer div’in kalan alanın tamamını kullanmasını sağlamak. Fatih Hayrioğlu’nun sitesinde bulamayınca Google’da aradım ama Türkçe örnekler malesef netice vermedi. Stackoverflow.com’da şu sayfadaki Andres kullanıcısının örneği işe yaradı. Bu işlem için evvela bu iki div’i taşıyacak bir div daha gerekiyor. Dışardaki div’e dar […]