Adblock Html / Css Engelleme

Uzun zaman oldu yazmayalı.

Eşim dostum çok sitem etti “neden yazmıyorsun” diye,  evet çok ihmal ettim sizleri ama bundan sonra yavaş yavaş toplamaya çalışacağım.

Konumuza dönecek olursak, psd to css işlemi yapan arkadaşlara ufak bir bilgi.

Html css js yazarken *-reklam-* isimli class/id veya dosya adı kullanmayın, Firefox Adblock eklentisi direk bu isimli dosyaları engelliyor, html objelerini ise gizliyor.

background-image nedir ? nasıl kullanılır ?

CSS3 background-image yenilikleri

 

 

CSS3 background özellikleri (background-size, background-origin, background-clip) konusunda aceleci davrandığım için

“background-image” olayını anlatmayı unuttum o yüzden bu özelliği başlı başına bir konu olarak anlatıyorum.

Arabirim geliştiriciliği yani halk ağızı ile (psd to css veya front end developer) yapan kişilerin css’den ilk ihtiyaç duyduğu “bir objeye iki farklı arka plan resmi atamak” Okumaya devam…

CSS3 background özellikleri (background-size, background-origin, background-clip)

background-size:

Aldığı değerler : cover, contain, sayısal değer

1. Cover

css3‘in cover özelliği bizi ortalama 20 satırlık jquery kodundan kurtarıyor arkadaşlar. (Birkaç arkaplan eklentisi yaptığım için biliyorum)

Arkaplan olarak verdiğiniz resime background-size:cover dediğinizde o full ekran oluyor ve resmin boyutlarına göre resmi oranlıyor.

Kullanım şekli : Okumaya devam…

text-shadow nedir? nasıl kullanılır ?

Merhaba arkadaşlar şu(goo.gl/TODWb) anket sonuçlarına göre en çok talep göre konu CSS3, şuan anlatacağım konu css2’de gelip 2.1 de kaldırılıp css3’de
tekrar gelmiştir. İlk makalemi kolay seçiyorum zamanla daha güzel daha işe yaracak ve anlaşılması zor css3 özelliklerinden bahsedeceğim.

text-shadow nedir ?

Metinlere bir veya birden farklı gölge verir. Okumaya devam…

Cursor İmage İE Problemi ve Çözümü

Aslında hiç cursor değiştirmeyle hiç işim olmamıştı ama araştırmak öğrenmek lazım.

Bu aslında bir problem değil sadece internet explorer’in kendine göre şart koşması.

Problem çözümü ;

İnternet explorer tarayıcısı yukarıda dediğim gibi cursor image kullanacaksan bu image’in uzantısı *.cur olsun istiyor. Okumaya devam…