Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.

İLGİLİ YAZILAR

CSS "nth-child" Nedir? Kullanımı ve Örnekleri

CSS "nth-child" Nedir? Kullanımı ve ÖrnekleriCSS'deki en sevdiğim şeylerden birisi de, dilediğimiz elementi seçmek için "nth-child" kullanımı yapabilmemizdir. Yani, ilk elementi seçmek için "first-child" kullanabiliyoruz ve son elementi seçmek için ise "last-child" kullanabiliyoruz. [...]

CSS ile Yalnızca Son Eleman Seçimi Nasıl Yapılır?

CSS ile Yalnızca Son Eleman Seçimi Nasıl Yapılır?CSS ile ilgili olarak bir önceki içeriğimizde, CSS ile yalnızca ilk eleman seçimi nasıl oluyor, bu yönde bilgi paylaşımında bulunmuştuk. Bugün ise, CSS son eleman seçimi nasıl yapılıyor, bu konu hakkında bilgi vermek [...]

CSS ile Yalnızca İlk Eleman Seçimi Nasıl Yapılır?

CSS ile Yalnızca İlk Eleman Seçimi Nasıl Yapılır?CSS Dersleri çerçevesinde faydalı ipuçlarını sizlerle paylaşmaya devam ediyoruz. Bugün ise, CSS yalnızca ilk eleman seçimi nasıl yapılıyor, bu yönde bilgi vereceğiz. Yani, CSS'de sadece ilk elementi seçmek ve bu element [...]

CSS ile Sadece İlk Paragraf Seçimi Nasıl Yapılır?

CSS ile Sadece İlk Paragraf Seçimi Nasıl Yapılır?CSS nimetlerinden yararlanmamak için hiçbir sebep yok. Bu yüzden, CSS ile yapılabilecek aksiyonları da, JavaScript ile yapmaya gerek yoktur. Çünkü bildiğiniz gibi CSS kodları ekrana direkt, anlık olarak basıldığı için, daha hızlı yansımaktadır. [...]

CSS ile İki Arkaplan Ekleme Nasıl Yapılır?

CSS ile İki Arkaplan Ekleme Nasıl Yapılır?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 [...]

Yan Yana Responsive Resim 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?

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

WordPress'te Görsel Altındaki Boşlukları KaldıralımUzun 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

Embed ve Object Videoları CSS ile Responsive YapalımGü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 ile Resim Altındaki Boşluğu SilmekCSS 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 [...]

Yukarı Çık