CSS ile iki arkaplan eklemek oldukça faydalı olabilir. Örneğin, bir arkaplan üzerine bir de ikon eklemeniz gerekebilir. İşte CSS ile de çoklu arkaplan (multiple backgrounds) eklemek mümkün kılınmıştır. Elbette, mevcut [...]
Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.
CSS ile İki Arkaplan Ekleme Nasıl Yapılır?
Yan Yana Responsive Resim Ekleme Nasıl Yapılır?
Web sitenize HTML'nin tablo etiketlerini kullanarak, responsive bir şekilde yan yana resimler eklemek isteyebilirsiniz. Normalde bildiğiniz gibi, "table" parametresi responsive değil ve bunun için de birtakım CSS kodları kullanmak [...]
Hayat Kurtaran CSS Kodu: Box-Sizing Nedir? Ne İşe Yarar?
CSS'in en güzel yanı, birçok açıdan bizlere kolaylık sağlamasıdır. Bu bağlamda bazı CSS kodlarının çok ama çok önemli olduğunu anlıyoruz, bilhassa Responsive tasarım kodlar iken... Sizlere "box-sizing nedir?" şeklinde bir soru sormak [...]
WordPress'te Görsel Altındaki Boşlukları Kaldıralım
Uzun süredir ara verdiğimiz wordpress dersleri yazı dizisine, ara vermeden devam ediyoruz. Bilirsiniz, eklediğiniz görsellerin altında kocaman boşluklar çıkabilir. WordPress'te bu sorunu çok sitede gözlemledim. Çözüm aradım ve jQuery ile [...]
Embed ve Object Videoları CSS ile Responsive Yapalım
Günümüzde bakıldığında videolar için "iframe" kullanılıyor. Ancak eskiden veya bazı eski player'larda olası bir şekilde embed veya object etiketleri kullanılabilmektedir. Esasen, jQuery ve JavaScript ile bu etiketlerin [...]
CSS ile Resim Altındaki Boşluğu Silmek
CSS içerisindeki parametreler bazı zamanlar kesinlikle doğru bir tabir ise, hayat kurtarabiliyor. Örnek verelim hemen. Bildiğiniz gibi img etiketleri içerisine eklenen bir görselin, herhangi bir CSS parametresine sahip olmasa bile, altında belirli bir oranda boşluk çıkar. Ben yaptığım tasarımlarda bu gibi boşlukların olmamasını istiyorum bazen. Bunun için geçmişte çok araştırma yapmıştım ve çözümün çok basit olduğunu anladım. Görsel etiketine aşağıdaki kodu [...]
CSS ile HR Etiketine Biçim Verelim
HTML'deki hr etiketini herkes bilecektir. Bu etiketin görünümü, tarayıcılar için standarttır. Ancak arzu ederseniz, border kullanmak yerine bir background kullanarak, tüm tarayıcılar ile uyumlu olacak şekilde hr etiketini biçimlemlendirebilmeniz mümkündür. Border belirlemeyeceğimiz için, IE ve Edge gibi tarayıcılar ile de uyumlu olacaktır. Aşağıdaki kodları CSS dosyanız içerisine eklemeniz yeterli olacaktır. Dilediğiniz gibi renk [...]
İçinden Çizgi Geçen Başlık Yapımı (Alternatif Versiyon)
Geçmiş zamanlarda çizgi efektli yazı yazma konusunda bir içerik kaleme almıştım. Ancak şu sıralar Responsive kavramına takılmış durumdayım. Hazırladığım veya editlediğim her şeyin Responsive olmasına, büyük - küçük ekranlarda sorunsuz çalışmasına özen gösteriyorum. Bu yüzden sizlerle bir içinden çizgi geçen başlık yapımı daha paylaşıyor olacağım. Bu paylaşımdaki kodlar, temanızdaki Responsive uyumluluğuna göre bağlı olarak da [...]
Input'lardaki Mavi Çerçeve Kaldırma Nasıl Yapılır?
Herhangi bir input butonuna tıkladığınız zaman tarayıcı bazında değişebilecek bir biçimde "mavi çerçeve" çıkmaktadır. Ben bu durumu tasarım açısından pek beğenmiyorum. Dolayısı ile sitenizdeki tüm input'lara tıklandığı zaman, ortaya çıkan bu mavi çerçeveyi kalıcı olarak kaldırabilirsiniz. Bu şekilde hiçbir tarayıcıda benzeri bir çerçeve çıkmayacaktır. Aşağıdaki kodu ise CSS bölümünüze eklemeniz yeterli olacaktır. Farklı bir aksiyona ise [...]
Textarea Ölçeklendirme Kapatma Nasıl Yapılır?
Bildiğiniz gibi içerik formlarında (yani textarea bölümlerinde) yeniden ölçeklendirme özelliği bulunur. Böylelikle içerik formunu dilediğiniz gibi genişletebileceğiniz gibi, daraltabilirsiniz de. Ancak ben daha sağlıklı görünüm adına, yeniden ölçeklendirmeye pek sıcak bakmıyorum. Çünkü bu durum, ekran bazında kaymalara neden olabilmektedir. Textarea ölçeklendirme kapatmak için ise temanızın CSS bölümüne aşağıdaki kodu eklemeniz [...]
Önerilen Bağlantılar
Teknobeyin.com

- Apple MAC Bilgisayar Dock Konumu Değiştirme Nasıl Yapılır?
- Plesk'te WordPress .htaccess Kurallarını httpd.conf Dosyasına Taşımak
- Apple MAC Bilgisayar Menü Çubuğundan Spotlight Kaldırmak
- Plesk'te Domain için .htaccess Kapatma Nasıl Yapılır?
- Apple MAC Bilgisayar Safari Önbellek Boşaltma Nasıl Yapılır?
- ASUS DSL-AC750 Modem MAC Filtreleme Nasıl Yapılır?
- Apple MAC Bilgisayar Dock Gizleme Nasıl Yapılır?
- Apple MAC Bilgisayar Safari Ana Sayfa Değiştirme Nasıl Yapılır?
- Apple MAC Bilgisayar Safari Dosya İndirme Konumunu Değiştirmek
- Apple MAC Bilgisayar Safari Sürümünü Öğrenme Nasıl Yapılır?