Izgaralar – Grid

/ | Bir yorum yapın

CSS Izgara Düzeni, iki boyutlu bir sayfa düzen sistemidir. İçeriği satır ve sütunlara sıralamanızı sağlar. Karmaşık düzenler oluşturmayı kolaylaştıran birçok […]

Daha fazla »

Normal Akış

/ | Bir yorum yapın

Bu makalede, normal akışı, yani web sayfası öğelerinin düzenlerini değiştirmediyseniz kendilerini nasıl sıraladığını, inceleyeceğiz. Sayfa düzenini tanıtan son derste ayrıntılı […]

Daha fazla »

CSS Sayfa Düzenine Giriş

/ | Bir yorum yapın

Bu makalede, farklı görüntü değerleri gibi bazı CSS düzen özelliklerinin yeniden özetlenmesi ve bu seri boyunca ele alacağımız bazı kavramların tanıtılması yer […]

Daha fazla »

CSS Sayfa Düzeni

/ | CSS Sayfa Düzeni için bir yorum

Bu makale serisinde sayfa düzenine ve sayfadaki öğelerin birbirine göre nasıl konumlandırılacağına bakacağız. Gerekli ön koşulları bildiğimizi var sayıyoruz, bu […]

Daha fazla »

CSS Flexbox

/ | CSS Flexbox için 2 yorum

Flexbox, öğeleri satırlarda veya sütunlarda düzenlemek için tek boyutlu bir düzen yöntemidir. Öğeler ek alanı doldurmak için esner (genişler) veya daha […]

Daha fazla »
CSS | HTML | Kod

Metin ve resmi dikey olarak ortada hizalamak

/ | Bir yorum yapın

Aşağıdaki gibi bir html bloğu ile çalıştığımızı düşünelim. Bir resim var ve yanında da bir metin: Bu metni resmin yanında […]

Daha fazla »
CSS | HTML | Kod

Link gibi davranan bir HTML butonu nasıl oluşturulur?

/ | Bir yorum yapın

Bir bağlantı gibi davranan HTML butonu oluşturmak istediğimizi düşünelim. Butona tıkladığımızda bizi bir sayfaya yönlendirsin. Bunu nasıl başarabiliriz? HTML HTML […]

Daha fazla »

CSS Flexbox: Temel Kavramlar

/ | CSS Flexbox: Temel Kavramlar için bir yorum

Flexbox nedir? Genellikle flexbox olarak adlandırılan Esnek Kutu Modülü, bir düzen modeli sunarak öğeler arasında alan dağılımı ve güçlü hizalama […]

Daha fazla »
CSS | HTML | Kod

div ile tüm alanı doldurma

/ | Bir yorum yapın

İçeriğin tüm ekranı kaplamasını istediğim bir web uygulaması yapmak istediğimizi varsayalım. Sayfada logo ve hesap bilgilerini içeren bir üstbilgi olsun. […]

Daha fazla »
CSS | HTML | Kod

İşaretlenmemiş bir HTML listesi nasıl oluşturulur

/ | Bir yorum yapın

Sıralanmamış bir listedeki liste işaretlerinin rahatsız edici olduğunu düşünüyorsanız bu işaretleri kolayca kaldırabilirsiniz. Üst öğenin (<ul>) CSS’sinde list_style_type özelliğini ayarlayarak madde […]

Daha fazla »

JavaScript ile bir öğenin sınıfını nasıl değiştirebilirim?

/ | Bir yorum yapın

JavaScript kullanarak bir HTML öğesinin sınıfını nasıl değiştirebiliriz? Veya onclick gibi bir eyleme yanıt olarak class’ı nasıl değiştirebiliriz? Sınıfları değiştirmek […]

Daha fazla »
CSS | HTML | Kod

Textarea’nın yeniden boyutlandırılabilir özelliğini nasıl devre dışı bırakabilirim?

/ | Bir yorum yapın

textarea‘nin yeniden boyutlandırılabilir özelliğini devre dışı bırakmak istiyorum. Şu anda, sağ alt köşesine tıklayıp fareyi sürükleyerek yeniden boyutlandırabiliyorum. Bunu nasıl […]

Daha fazla »
CSS | HTML | Kod

CSS ile cellpadding ve cellspacing nasıl ayarlanır?

/ | Bir yorum yapın

HTML tablosunda cellpadding ve cellspacing aşağıdaki gibi ayarlanabilir: Aynı şey CSS kullanılarak nasıl gerçekleştirilebilir? Temel Bilgiler CSS ile “cellpadding”i kontrol […]

Daha fazla »
CSS | HTML | Kod

HTML5 için input placeholder rengini CSS ile değiştirme

/ | Bir yorum yapın

Chrome, input[type=text] öğeleri için yer tutucu özelliğini (placeholder) destekler – muhtemelen diğer tarayıcılar için de bu geçerli. Ancak aşağıdaki CSS yer […]

Daha fazla »
CSS | HTML | Kod

Bir div’i yatay olarak nasıl ortalarım?

/ | Bir yorum yapın

CSS kullanarak başka bir div’in içinde olan div elementini yatay olarak nasıl ortalayabilirim? Birkaç yolu var. Aşağıdaki CSS’i iç div’e […]

Daha fazla »
To top