Kategori: CSS

Facebook Friend Selector

Sevil YILMAZ tarafından CSS | HTML | jQuery | Sosyal Ağ kategorisi altına gönderildi.

Facebook Friend Selector is a friend selection assistant for your Facebook application or your website that is equipped with Facebook Connect. This tool returns you your friends ID’s only and you use them as you please. It was built using the jQuery library.

Demo & Download

Facebook Friend Selector Color BlueFacebook Friend Selector Search ResultsFacebook Friend Selector Show Count

Devamını oku »

Focus border’ı silmek

Sevil YILMAZ tarafından CSS kategorisi altına gönderildi.

Bir input(text, password v.s.) ya da bir textarea‘ya tıkladığınız zaman tarayıcılarda varsayılan olarak tıkladığınız elementlere çerçeve ekler. Firefox ve Internet Explorer‘da çok belirgin olmasa da Webkit tabanlı tarayıcılarda (Chrome, Safari, Konqueror) sarı kalın bir çerçeve ile kendini belli eder. Bazı tasarımlarda bu istenmeyen bir durumdur. Özellikle input, textarea stili için background özelliği kullanılıyorsa. Ben çoğunlukla varsayılan dışında stiller kullandığım için bu özelliği direk reset.css‘e ekledim.

Webkit Focus Border
Devamını oku »

Daha Temiz Bir Clearfix

Sevil YILMAZ tarafından CSS | HTML kategorisi altına gönderildi.

Bir süredir Perishable Press’i inceliyorum. Yazılarını kurcalıyorum. Yazılardan bir tanesi diğerlerine nazaran daha fazla ilgimi çekti: The New Clearfix Method. Yani yeni clearfix method’u. Daha önceden bahsettiğim Overflow:Hidden – Bir .clearFix Alternatifi ‘indeki metodunun güncellenmiş hali.

Kısaca, IE-Mac versiyonu artık ortada olmadığı için eski metodta kullanılan Mac’e özel kodları kaldırıp daha sade bir kod çıkarmışlar. Ama bu kod kendi içerisinde bazı sorunlar içeriyor. Bunlardan birazdan bahsedeceğim. Benim bu konuda asıl ilgilendiğim kısım “margin collapsing” denilen problemin yorumlardan birinde çözülmüş olması. Sırayla gidersek:

Temiz Sade Clearfix

/* Coders' Grave - Temiz Sade Clearfix */
.group:before,
.group:after {
  content:".";
  display:block;
  height:0;
  overflow:hidden;
}
.group:after {clear:both;}
.group {zoom:1;} /* IE < 8 */

Devamını oku »

IE Transparan .png “Fade” Problemi

Sevil YILMAZ tarafından CSS | HTML kategorisi altına gönderildi.

Trasparan .png Internet Explorer’ın süregelen problemlerinden biri. Sözde IE8 versiyonununda bu problemi çözdüler. Ama hala bazı durumlarda problem devam ediyor. Aşağıdaki yöntem bu problemi çözüyor..

.gorsel {
  background-image:{url(images/gorsel.png);  /* Diğer modern tarayıcılar için */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gorsel.png', sizingMethod='scale'); /* IE için */
}