Son Yazılar

Renk Modelleri: RGB, HSV, HSL

Bu bölüm, RGB, HSV ve HSL renk modelleri hakkında bilgisayar grafikleri (Web sayfası, resim) perspektifinden bir giriş sağlayacak. Bu tartışmayı desteklemek için renklere de göz atacağız. “Renk”, insan beyninin bir ışık dalga boyu bandının kombinasyonlarını öznel olarak yorumlamasını ifade eder. Ayrıca, göze hangi dalga boylarının ulaştığı hem ışık kaynağındaki dalga boylarına hem de ışığın yansıdığı… Okumaya devam et Renk Modelleri: RGB, HSV, HSL

Yazı, CSS olarak sınıflandırılmış

Renk Teorisi

Renk birçok sanat biçimi için oldukça temeldir. Belirli bir çalışmadaki ilgisi, kullanımı ve işlevi bu işin ortamına bağlıdır. Renkle ilgili bazı kavramlar medyada yaygın olarak uygulanabilir olsa da, her zaman için bu geçerli olmayabilir. Renklerin tam spektrumu beyaz ışıkta bulunur. İnsanlar nesnelerin yansıyan ışığından renkleri algılarlar. Örneğin, kırmızı bir nesne, spektrumun kırmızı kısmını yansıttığı için… Okumaya devam et Renk Teorisi

Yazı, CSS olarak sınıflandırılmış

Sadece CSS ile bir “select” açılır listesini nasıl biçimlendiririz?

Sorunumuz şöyle, herhangi bir JavaScript olmadan, mümkün olduğunca bir forma stil vermem gerekiyor. CSS’de bunu yapmak için kullanabileceğimiz özellikler nelerdir? Aynı zamanda bu kodun tüm büyük tarayıcılarla uyumlu olmasını istiyoruz. İşte üç çözüm: 1. Çözüm – appearance: none – Internet Explorer 10 – 11 geçici çözümüyle  (Demo) Select öğesinde varsayılan oku gizlemek için appearance: none kullanılır. Ardından ise background-image ile… Okumaya devam et Sadece CSS ile bir “select” açılır listesini nasıl biçimlendiririz?

Yazı, CSS olarak sınıflandırılmış

Metin ve resmi dikey olarak ortada hizalamak

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 ortalanmış şekilde hizalamak istiyoruz. Ancak aşağıdaki CSS istediğimiz sonucu vermiyor: Peki neden? vertical-align Aslında, bu durumda çözüm oldukça basit: resme dikey hizalama uygulayın. Her şey tek satırda olduğu için, aslında hizalamak istediğiniz şey resim, metin… Okumaya devam et Metin ve resmi dikey olarak ortada hizalamak

Yazı, CSS olarak sınıflandırılmış

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

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 ile yapmak istersek <form> elementinin action özniteliğine hedef URL’yi belirtebiliriz. Gerekirse, CSS’i formdaki metinle birlikte akışta tutmak için display: inline; olarak ayarlayın. Yukarıdaki örnekte <input type=”submit”> yerine, <button type=”submit”><button> öğesini de kullanabiliriz. Tek fark, <button>… Okumaya devam et Link gibi davranan bir HTML butonu nasıl oluşturulur?

Yazı, CSS olarak sınıflandırılmış

div ile tüm alanı doldurma

İç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. Geri kalan alanın ise bir div ile sayfanın en altına kadar doldurulmasını isteyelim. flexbox Burada uygulanacak en güzel çözümü Flexbox. Tüm büyük tarayıcılar ve IE11+ Flexbox’ı destekler. IE 10 veya üstü için FlexieJS çözümünü kullanabilirsiniz.… Okumaya devam et div ile tüm alanı doldurma

Yazı, CSS olarak sınıflandırılmış

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

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 işaretlerini kaldırabiliriz. Örneğin:none yapalım: Girintiyi de kaldırmak istiyorsanız, padding: 0 ve margin: 0 eklemek isteyebilirsiniz. Son durumda inline-css kullandığımızı varsayarsak aşağıdakini elde ederiz: Madde işaretlerini özel bir karakterle değiştirmek istiyorsanız, mesela ‘çizgi’ ile, aşağıdaki örneğe… Okumaya devam et İşaretlenmemiş bir HTML listesi nasıl oluşturulur

Yazı, CSS, HTML olarak sınıflandırılmış

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

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 devre dışı bırakabilirim? Aşağıdaki CSS kuralı textarea öğeleri için yeniden boyutlandırma davranışını devre dışı bırakır: Tüm textarea kutularını değil de bazılarını devre dışı bırakmak için de birkaç seçeneğimiz var. class etiketleri kullanabilirsiniz: <textarea class=”textarea1″> İsim etiketleri kullanabilirsiniz :<textarea… Okumaya devam et Textarea’nın yeniden boyutlandırılabilir özelliğini nasıl devre dışı bırakabilirim?

Yazı, CSS olarak sınıflandırılmış

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

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 etmek için tablo hücrelerindeki padding’i kullanabilirsiniz. Örneğin 10px “cellpadding” için: “Cellspacing” için CSS özelliğini tablonuza uygulayabilirsiniz: Varsayılan Tarayıcının varsayılan davranışı aşağıdakilere eşdeğerdir: Cellpadding Hücrenin içeriği ile hücre duvarı arasındaki boşluk miktarını ayarlar: Hücre Aralığı Tablo… Okumaya devam et CSS ile cellpadding ve cellspacing nasıl ayarlanır?

Yazı, CSS olarak sınıflandırılmış

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

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 tutucunun değerinde bir değişiklik yapmıyor. Yani Value yazısı kırmızı yerine gri olarak kalıyor. Peki yer tutucu metnin rengini nasıl değiştireceğiz? Uygulama Placeholder için üç farklı uygulama bulunur: sahte-öğeler, sahte-sınıflar ve “hiçbir şey”ler. WebKit, Blink (Safari,… Okumaya devam et HTML5 için input placeholder rengini CSS ile değiştirme

Yazı, CSS olarak sınıflandırılmış
koddla
Tema Mundana by WowThemes.net.