bitlimakina.com » jQuery Plugins http://www.bitlimakina.com JQuery,Wordpress, XHTML, CSS ve Web Tasarımı konularında Yücel Yılmaz'ın kişisel web günlüğü. Sun, 29 Aug 2010 14:10:52 +0000 en hourly 1 http://wordpress.org/?v=3.1 Baloncu Geldi! http://www.bitlimakina.com/baloncu-geldi http://www.bitlimakina.com/baloncu-geldi#comments Thu, 28 May 2009 16:31:40 +0000 bitlimakina http://www.bitlimakina.com/?p=678

Baloncu eklentisi 4 renkte 2 yönde kulp içerirken, yaptığım güncelleme ile artık 4 yönde kulpa sahip oldu.

Daha önce yayınladığım. Tooltipi biraz daha geliştirerek ve güzelleştirerek tekrar hazırladım. Bu tooltip de iki farklı yönde ok ve dört farklı renk seçeneği var. Kodlamadan bahsetmiyecem fakat sayfaya nasıl eklenir tekrar hatırlatalım.

baloncu

Yukarıda da gördüğünüz gibi baloncu.js ve style.css tanımlarının doğru şekilde yapılması gerekiyor. Sonra balon göstermek istediğiniz linklerde “rel” etiketi içinde 16 farklı tanım yapabilirsiniz ve title etiketinde verdiğiniz bilgiyi görüntüleyebilirsiniz.
B1L — Balon 1 sol işaretçi anlamına gelmektedir.
B harfinden sonraki sayı renk L, R, B, T harfi ise kulp yönünü belirtmektedir.
(Demo) Örnek sayfayı burada görebilirsiniz.
(Project File) Proje Dosyalarını indirmek ve kullanmak için buraya tıklaman yeterli.

Bir de yorum yaparsan bende güzel mi değilmi anlamış olurum. Hadi üşenme!

]]> http://www.bitlimakina.com/baloncu-geldi/feed 17 Tooltip (Açıklama Balonu) Uygulaması http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi#comments Fri, 10 Apr 2009 17:00:59 +0000 bitlimakina http://www.bitlimakina.com/?p=182 tooltip

Sanırım yeni bir yazı yazmanın zamanı geldi. Bu yazıda linkler hakkında küçük açıklamalar gösterebileceğimiz bir uygulamadan bahsedeceğim. Kendi kodlamam olan bu uygulama için uzun uzun kodlamanın nasıl yapıldığından değil sayfalarımızda nasıl kullanırız ona değinelim. Örnek Uygulama Balon adlı JQuery eklentisi sayfamıza eklendiğinde title etiketi içeren tüm linklerde bir açıklama balonu (tooltip) görüntüler ve title etiketinde yazılan metni ekrana getirir. JQuery kodları üzerinde değişiklikler yaparak farklı amaçlarla da bu balonları kullanmanız elbette mümkün.

Aşağıda vermiş olduğum satırları çalışma sayfanıza ekleyerek başlayabilirsiniz. Tabi ki öncelikle burdan gerekli dosyaları indirmelisiniz.

1
2
3
4
5

<head>
  <script src="js/jquery.js"></script>
  <script src="js/balon.js"></script>
  <link type="text/css" href="js/css/balon.css" rel="stylesheet">
</head>

Örnek Uygulama (Example) Evet sonucu eğer beğendiyseniz sitelerinizde kullanmak size kalmış.

]]> http://www.bitlimakina.com/tooltip-aciklama-balonu-uygulamasi/feed 1