http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: araçipucu hkmt <p>sitelerde yayımlanan yazılarda, haberlerde bazı kelime veya resimlere scriptler uygulanarak reklam ve açıklamalar getiren baloncukların (tooltip) ajax, css, javascript kullanarak nasıl yapıldıklarını anlatan ve birçok siteden derlenen bu liste bayağı uzun. istenilen kelimeye veya resme html dosyasıyla yapılan bu uygulamalardan bir kısmını açıklamaya çalışayım.</p> <p>1) örnek sayfa, küçük bir javascript dosyası, görünüm için css kodları ve script'te kullanılan baloncuk resmini barındıran <a href="http://web-graphics.com/mtarchive/BubbleTooltips.zip">bu dosya</a> ile aşağıdakine benzer görünümler oluşturabilirsiniz.<a href="http://web-graphics.com/mtarchive/001717.php">script açıklama</a> <a href="http://web-graphics.com/mtarchive/BubbleTooltips.html">demo</a><div class="imajsol"><img src='http://www.bildirgec.org/imaj/hkmt/bubble-3.PNG' alt="\"\"" border="0"><br></div></p> <p>2) onmouseover veya tıklama ile aktif olabilen bu uygulama; bir javascript dosyası, örnek sayfa ve bu sayfaya ait resim dosyaları ekli olan <a href="http://boxover.swazz.org/download/boxover2.1.zip">bu dosya</a> ile yazı ve resimlerinize yukarıdakine benzeyen fakat köşeli olan geniş ve uzun olarak da gözükebilecek baloncuklar oluşturabilirsiniz. <a href="http://boxover.swazz.org/">script açıklama</a> <a href="http://boxover.swazz.org/example.html">demo</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hkmt/boxer-2.PNG' alt="\"\"" border="0"><br></div><br><!--buradan kes--></p> <p>3) açıklama kutusu içerisinde tekrar açıklama kutusu kullanabileceğiniz, kutu üzerinde gezinebileceğiniz bu uygulama gayet kapsamlı ve kullanışlı. css ve js ekli dosyayı <a href="http://www.twinhelix.com/dhtml/supernote/supernote.zip">buradan</a> indirebilirsiniz. <a href="http://www.twinhelix.com/dhtml/supernote/">script açıklama</a> <a href="http://www.twinhelix.com/dhtml/supernote/demo/">demo</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hkmt/note.PNG' alt="\"\"" border="0"><br></div>4) ajaxla yapılmış, formlarda ve farklı fonksiyonlarda kullanılabilen araç ipuçları için <a href="http://www.dhtmlgoodies.com/index.html?page=tooltip">buradan</a> açıklama sayfasına gidebilir <a href="http://www.dhtmlgoodies.com/scripts/form-field-tooltip/form-field-tooltip.zip">buradan</a> da form araç ipucu dosyasını(<a href="http://www.dhtmlgoodies.com/scripts/form-field-tooltip/form-field-tooltip.html">demo</a>) indirebilirsiniz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/hkmt/ajax.PNG' alt="\"\"" border="0"><br></div>5) wordpress kullanıcıları da aşağıdaki uygulamayı <a href="http://downloads.wordpress.org/plugin/bubble-tooltip.zip">bu pluginle</a> sayfalarında gösterebilirler. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/hkmt/wp-bubble-tooltip.PNG' alt="\"\"" border="0"><br></div>6) wordpress için bir başka <a href="http://downloads.wordpress.org/plugin/tippy.3.0.3.zip">araç ipucu plugini</a> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/hkmt/wptippy.PNG' alt="\"\"" border="0"><br></div><br>buraya ekleyemediğim diğer scriptlere <a href="http://www.hongkiat.com/blog/tooltips-scripts-50-scripts-with-ajax-javascripts-css-tutorials/">bu adresten</a> ulaşabilirsiniz.</p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/ajax-javascript-ve-css-ile">Ajax, javascript ve css ile hazırlanmış, 40+ İpucu Scripti</a> (10)</li><li><a href="http://www.bildirgec.org/yazi/5-web-tasarim-gelistirme-araci">5 Web Tasarım Geliştirme Aracı</a> (1)</li><li><a href="http://www.bildirgec.org/yazi/jquery-oylama-ve-degerlendirme-uygulamari">jQuery Oylama ve Değerlendirme Uygulamarı</a> (9)</li><li><a href="http://www.bildirgec.org/yazi/ilgi-cekici-html5-ve-css3">İlgi Çekici HTML5 ve CSS3 Uygulamaları</a> (6)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/hkmt">hkmt</a> tarafından <a href=" http://www.bildirgec.org/yazi/50-tooltip-baloncuk-script-i ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 20 Oct 2008 05:12:00 GMT 76385@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/50-tooltip-baloncuk-script-i css javascript balon web tasarım ajax html dhtml baloncuk tooltip konuşma balonları tooltips wp plugin araçipucu tooltips scripts komutipucu onmouseover wordpress tooltips plugin tippy wordpress plugin wp bubble tooltips plugin