Kategori: HTML

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 »

Cufon’la Sağdan Sola Yazmak

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

Birkaç ay önce bir Facebook uygulamasında hem Cufon kullanıp hem de bunu sağdan sola olacak şekilde yapmak durumunda kaldım. Bunu yaparken Cufon’un RTL desteklemediğini öğrendim. İleriki zamanlarda sağdan sola yazım Cufon tarafından desteklenecekmiş ama fazla vaktim olmadığı için bir javascript çözümü buldum.

Bu kod sayfa yüklenirken yavaşlamaya sebep olabilir. Ara ara da font değişimi sırasında yaşanan geçişler görünebilir. Ama eğer sayfanın büyük bir bölümünde Cufon kullanmıyorsanız sorun olmayacaktır.

Cufon'la Sağdan Sola Yazmak
Devamını oku »

Yeni “Twitter’da Paylaş” Bağlantısı

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

Twitter geçenlerde “paylaş” bağlantısını değiştirdi. Yeni bağlantı şöyle oldu:

http://twitter.com/intent/tweet?text=Başlık&url=http://siteadı/&via=kimin_aracılığıyla

Yeni bağlantıdan anlaşıldığı gibi:
text = Başlık
url = Site Adresi
via = Kimin Aracılığıyla

“via” kısmı isteğe bağlı olarak kullanılabilir. Yani sitenize ait bir Twitter kullanıcınız varsa via kısmına onu yazmanız etkili olacaktır.

WordPress’de paylaş linkini şöyle kullanabilirsiniz: (via için codersgrave‘i kullanacağım örnekte)

<a href="http://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php the_permalink(); ?>&via=codersgrave">Twitter'da Paylaş!</a>

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 »