HTML5 placeholder renk değiştirme

Ne güzel hayatımıza placeholder(bu bir attribute’dir.) girdi ve aşağıdaki aptal kodu yazmıyoruz.

Placeholder attribute kullanımı

Bu attr’yi kullandığımızda verdiğimiz, renk değerini ne verirsel verelim opacity değerini düşürüyor bunu engellemek için aşağıdaki tanımlamayı yapmamız gerekiyor.

 

Burada gördüğünüz gibi placeholder attribute içine yazılan değere opacity değeri veriyor.

Firefox ve IE ailesinde (sadece IE10) opacity ile düzeltebiliyoruz ama Chrome koduna renk kodunu yazmadan düzeltme yapmıyor. // Sebebini anlamadım

Placeholder Internet Explorer10 ve altında çalışmıyor,r bunun için internetten placeholder.js araması yapıp çalışır vaziyete getirebilirsiniz. Ufak bir not

 

Kaynaklar

  • http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  • http://www.paulund.co.uk/html5-placeholder

 

Tüm kodlar :

Demo / Ön izleme ->  http://calismalar.aycan.net/placeHolder/

 

PSD paylaşımları // Blog ve portfoy sayfası

Her zaman müşterilerin işlerini zamanında yapar ancak kendi işlerimi yapmam 🙂 Şuan localhost’da kendim için çizdirdiğim ve psd 2 css işlemi yapmadığım bir sürü psd var, bunları zamanla Psd kategorisinden sizlerle paylaşacağım.

 

İlk paylaşım 2010 yılında aycan.net için çizim yaptırdığım blog ve portfoy sayfasını sizinle paylaşıyorum. Okumaya devam…

Responsive çalışma yapan arkadaşların işini hızlandırmak için…

 

Merhaba arkadaşlar,

Twitter’da paylaştım ilgi gördü o yüzden sizleride bu konudan mahrum etmek istemedim.

Responsive psd to css işlemi yaparken tarayıcının genişliği çok önemli oluyor, her seferinde bunu ölçmek için ya measureit eklentisiyada firebug console‘u açıyorum jQuery ile dökümanın genişliğini alıyorum vs vs.

Yukarıdaki yöntemler zaman aldığı için  bir kaç satırdan oluşan jquery yazdım, Tarayıcı resize olduğunda sitenin sağ alt köşesine bir span atıp, içine ekran genişliğini yazıyor. Okumaya devam…

Css ile yatay ve dikey ortalama

Merhaba arkadaşlar,

Sayfayı yatay ve dikey ortalamak :

Margin ile yatay ortalamak :

Width değeri olan ve float değeri olmayan nesneleri margin ile ortalarız.
Html :

Css:

Okumaya devam…

< ul > içindeki < li >‘leri ortalamak veya…

Merhaba arkadaşlar,

Bazı arkadaşlar çok daha ileri şeyler beklerken bazı arkadaşlar ise ufak detaylar / püf noktalar bekliyor o yüzden 2 ileri bir geri yapacağım.

Bugün ki konumuz

<ul> içindeki <li>’leri ortalamak veya <ul> içine <li>’leri bulunduğu genişliğe yaymak.

<ul> içindeki <li>’leri ortalamak  için  :

<ul> tagına

<li> taglarına

Okumaya devam…