http://www.bildirgec.org/ tr-tr 40 bildirgec.org - qwerty3 - beğendikleri qwerty3 <p>yaptığınız site tasarımlarında bir sözcük, bağlantı veya görsel öğe ile ilgili ek bir bilgi vermek isteyebilirsiniz. bunu doğrudan metin ile sağlamak yerine daha dekoratif, daha profesyonel teknikler mevcut. bu tekniklerden biri de ipucu balonları. her ne kadar pek balon gibi gözükmeseler de bu uygulamalardan 11'i <a href="http://webdesignledger.com/resources/11-excellent-solutions-for-creating-tooltips">şurada</a> listelenmiş.</p> <div class="imajorta"><a href="http://www.nickstakenburg.com/projects/prototip2/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-2.jpg' alt="Prototip 2" border="0"><br>Prototip 2</a></div> <div class="imajorta"><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-11.jpg' alt="Easiest Tooltip and Image Preview Using jQuery" border="0"><br>Easiest Tooltip and Image Preview Using jQuery</a></div> <p><!-- buradan kes --></p> <div class="imajorta"><a href="http://craigsworks.com/projects/simpletip/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-3.jpg' alt="Simpletip" border="0"><br>Simpletip</a></div> <div class="imajorta"><a href="http://jqueryfordesigners.com/coda-popup-bubbles/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-4.jpg' alt="Coda Popup Bubbles" border="0"><br>Coda Popup Bubbles</a></div> <div class="imajorta"><a href="http://davidwalsh.name/mootools-12-tooltips-customize"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-5.jpg' alt="MooTools 1.2 Tooltips: Customize Your Tips" border="0"><br>MooTools 1.2 Tooltips: Customize Your Tips</a></div> <div class="imajorta"><a href="http://davidwalsh.name/jquery-homepage-mootools"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-1.jpg' alt="Duplicate the jQuery Homepage Tooltips Using MooTools" border="0"><br>Duplicate the jQuery Homepage Tooltips Using MooTools</a></div> <div class="imajorta"><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-6.jpg' alt="jQuery Ajax Tooltip" border="0"><br>jQuery Ajax Tooltip</a></div> <div class="imajorta"><a href="http://trentrichardson.com/examples/csstooltips/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-7.jpg' alt="CSS Bubble Tooltips" border="0"><br>CSS Bubble Tooltips</a></div> <div class="imajorta"><a href="http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-8.jpg' alt="Easy CSS Tooltip" border="0"><br>Easy CSS Tooltip</a></div> <div class="imajorta"><a href="http://www.wildbit.com/labs/cooltips/"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-9.jpg' alt="CoolTips" border="0"><br>CoolTips</a></div> <div class="imajorta"><a href="http://www.hotajax.org/mootools/tooltips-rating/565-tooltipmootools.html"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tooltips-10.jpg' alt="ToolTip_MooTools" border="0"><br>ToolTip_MooTools</a></div> konuyla ilgili inceleyebileceğiniz diğer yazılar: <ul> <li><a href="http://www.bildirgec.org/yazi/33-mootools-uygulamasi">33 Mootools Uygulaması</a></li> <li><a href="http://www.bildirgec.org/yazi/ajax-uygulamalari-1">Ajax Uygulamaları 1</a></li> <li><a href="http://www.bildirgec.org/yazi/ajax-uygulamalari-2">Ajax Uygulamaları 2</a></li> <li><a href="http://www.bildirgec.org/yazi/ajax-uygulamalari-3">Ajax Uygulamaları 3</a></li> <li><a href="http://www.bildirgec.org/yazi/28-ajax-kaynagi">28 Ajax Kaynağı</a></li> <li><a href="http://www.bildirgec.org/yazi/ajax-dersleri">ajax dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-eklentileri">jquery eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/50-tooltip-baloncuk-script-i">50+ tooltip (baloncuk) script'i</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-kolayca-ipucu-tooltip">jQuery İle Kolayca İpucu (Tooltip) ve İmaj Önizleme Oluşturma Yöntemleri</a></li> <li><a href="http://www.bildirgec.org/yazi/prototip-prototype-kutuphanesi-icin-bir">prototip: prototype kütüphanesi için bir tooltip eklentisi</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/ipucu-balon-uygulamalari ">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> Fri, 10 Apr 2009 13:17:00 GMT 225758@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ipucu-balon-uygulamalari qwerty3 <p>jquery için hazırlanmış bu eklentiler ile web sayfanıza oldukça kolay ve kullanışlı slider'lar (kaydırma) ekleyebilirsiniz.</p> <p><a href="http://code.google.com/p/loopedslider/">loopedSlider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/looped.png' alt="\"\"" border="0"><br></div><br><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding">Easy Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/easyslider.png' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.webinventif.fr/wslide-plugin/">wSlide</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/wslide.png' alt="\"\"" border="0"><br></div><br><a href="http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/">Coda-Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/coda-slider.png' alt="\"\"" border="0"><br></div><br><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">slideViewer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/slideviewer.png' alt="\"\"" border="0"><br></div><br><a href="http://www.reindel.com/accessible_news_slider">Accessible News Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/accnews.png' alt="\"\"" border="0"><br></div><br><a href="http://www.binofo.com/en/opensource/spinthewheel/">jQuery.spinTheWheel.js</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jqwheel.png' alt="\"\"" border="0"><br></div><br><a href="http://www.dxenia.com/newstickerpro/">News Ticker Pro</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/newsslider.jpg' alt="\"\"" border="0"><br></div><br><a href="http://plugins.jquery.com/project/slinkySlider">Stinky Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/stinky.png' alt="\"\"" border="0"><br></div><br><a href="http://www.gruppo4.com/~tobia/cross-slide.shtml">CrossSlide</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/rubber-ring.jpeg' alt="\"\"" border="0"><br></div></p> <p>kaynak: <a href="http://www.ajaxline.com/10-best-jquery-sliders">ajaxline</a></p> <p>takip edin: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider ">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> Sat, 18 Apr 2009 07:01:00 GMT 225757@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider qwerty3 <p>web sayfalarında bilgi girişleri için kullanılan <a href="http://www.bildirgec.org/ara/html/1/tum-yazilar">html</a> formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki <a href="http://www.bildirgec.org/ara/jquery/1/tum-yazilar">jquery</a> eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.</p> <p><b>Form Skinning(form kaplamaları):</b><br><a href="http://www.whitespace-creative.com/jquery/jNice/">jQuery jNice</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/1-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.quirksmode.org/dom/inputfile.html">Styling input file</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/">jqTransform</a></p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/3.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.emblematiq.com/projects/niceforms/">Emblematiq Niceforms</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/4-2.gif' alt="\"\"" border="0"><br></div><br><b>Form Validation(form doğrulamları):</b> <p><a href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Form validator</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/5-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://jquery.bassistance.de/validate/demo/">Bassistance jQuery Validation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/6-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.livevalidation.com/">Live validation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/7-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://web-kreation.com/index.php/articles/lightform-free-ajaxphp-contact-form/">Lightform</a></p> <p><b>Masking(maskeleme):</b><br><a href="http://digitalbush.com/projects/masked-input-plugin/">Masked Input Plugin</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/9-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.meiocodigo.com/projects/meiomask/">Meio Mask</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/10.gif' alt="\"\"" border="0"><br></div><br><b>File Uploader(dosya yükleyicileri):</b></p> <p><a href="http://www.fyneworks.com/jquery/multiple-file-upload/#">Multiple File Upload</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/11-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.pixeline.be/experiments/jqUploader/test.php">jqUploader</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/12-2.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.uploadify.com/demo/">Uploadify</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/13-2.gif' alt="\"\"" border="0"><br></div><br><b>Checkbox & Radio Button:</b></p> <p><a href="http://www.chriserwin.com/scripts/crir/index.php">Checkbox & Radio Input Replacement</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/14-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://lipidity.com/fancy-form/">Fancy Form</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/15.gif' alt="\"\"" border="0"><br></div><br><a href="http://widowmaker.kiev.ua/checkbox/">jQuery Checkbox</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/16.gif' alt="\"\"" border="0"><br></div><br><b>Spin Button & Slider:</b></p> <p><a href="http://www.softwareunity.com/jquery/JQuerySpinBtn/">Spin Button</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/17-3.gif' alt="\"\"" border="0"><br></div><br><a href="http://docs.jquery.com/UI/API/1.7/Slider">jQuery UI - Slider</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/32.gif' alt="\"\"" border="0"><br></div><br><b>Auto Complete(kendiliğinden tamamlama):</b></p> <p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">Bassistance jQuery Auto Complete</a></p> <p><a href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">AjaxDaddy jQuery Auto Complete</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/19.gif' alt="\"\"" border="0"><br></div><br><b>Calendar & Time picker:</b></p> <p><a href="http://jqueryui.com/">jQuery UI</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/20.gif' alt="\"\"" border="0"><br></div><br><a href="http://haineault.com/media/jquery/ui-timepickr/page/">Time Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/21.gif' alt="\"\"" border="0"><br></div><br><b>Drop Down Menu (Select Element):</b></p> <p><a href="http://marghoobsuleman.com/jquery-image-dropdown">jQuery Image Drop Down</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/22.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm">MC Dropdown</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/23.gif' alt="\"\"" border="0"><br></div><br><a href="http://dropdown-check-list.googlecode.com/svn/trunk/demo.html">Drop down check list</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/24-2.gif' alt="\"\"" border="0"><br></div><br><b>Color Picker:</b></p> <p><a href="http://vreboton.ibacolod.com/DotNetNuke/ControlsandTips/jQueryColorPicker/tabid/69/Default.aspx">jQuery Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/25.gif' alt="\"\"" border="0"><br></div><br><a href="http://acko.net/dev/farbtastic">Farbtastic Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/26.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.eyecon.ro/colorpicker/">Color Picker</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/27.gif' alt="\"\"" border="0"><br></div><br><b>Textarea:</b></p> <p><a href="http://www.aclevercookie.com/demos/autogrow_textarea.html">Autogrow Textarea</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/29.gif' alt="\"\"" border="0"><br></div><br><a href="http://plugins.jquery.com/project/TextAreaResizer">Textarea Resizer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/30.gif' alt="\"\"" border="0"><br></div><br><a href="http://sandbox.unwrongest.com/jquery.elastic/">jQuery Elastic</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/31.gif' alt="\"\"" border="0"><br></div></p> <p>kaynak: <a href="http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements">queness</a></p> <p>takip edin: <a href="http://algoz.bildirgec.org/">bildirgeç</a> <a href="http://friendfeed.com/algoz">friendfeed</a> <a href="http://twitter.com/algozz">twitter</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">rss</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/html-formlari-icin-25-harika ">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> Thu, 23 Apr 2009 10:15:00 GMT 225756@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/html-formlari-icin-25-harika qwerty3 <a href="http://www.bildirgec.org/etiket/jquery">jquery</a> eklentilerinden sitenizin birçok bölümünde yararlanmanız mümkün. bu alanlardan biri de menüler. işinize yarayabilecek 10 menü eklentisi: <ul> <li><a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu Hierarchical Menu Plugin for jQuery</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jdsharp.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://users.tpg.com.au/j_birch/plugins/superfish">Superfish – jQuery menu plugin by Joel Birch</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/superfish.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://abeautifulsite.net/notebook/80">jQuery Context Menu Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/contextmenu.PNG' alt="\"\"" border="0"><br></div></li> </ul> <p><!-- buradan kes --></p> <ul> <li><a href="http://javascript-array.com/scripts/jquery_simple_drop_down_menu/">jQuery Simple Drop-Down Menu Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/dropdown.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/">LavaLamp jQuery menu plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/lavalamp.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://sonicradish.com/labs/jGlideMenu/distro/jGlideMenu_0.6.5/">jGlideMenu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jglide.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.chromasynthetic.com/blog/emenu-a-jquery-plugin/">Emenu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/emenu.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/">jQuery iPod-style Drilldown Menu</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/ipodstyle.PNG' alt="\"\"" border="0"><br></div></li> <li><a href="http://p.sohei.org/jquery-plugins/menu/">jQuery menu plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jqmenuexp.PNG' alt="\"\"" border="0"><br></div><br><a href="http://www.ajaxline.com/10-best-jquery-menu-plugins"><strong>kaynak</strong></a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-menu-eklentileri ">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> Tue, 28 Apr 2009 18:16:00 GMT 225755@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-menu-eklentileri qwerty3 daha önce <a href="http://www.bildirgec.org/yazi/jquery-menu-eklentileri">jquery menü eklentileri</a> yazısında <a href="http://www.bildirgec.org/etiket/jquery">jquery</a>'yi site menülerinizde kullanmanız için birkaç eklentiden bahsetmiştik. bu kez de form bölümlerinizi geliştirebileceğiniz çeşitli eklentiler: <ul> <li><a href="http://github.com/dcparker/jquery_plugins/tree/master/quickselect">QuickSelect</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/quickselect.png' alt="\"\"" border="0"><br></div> </li> <li><a href="http://vladimir-k.blogspot.com/2008/11/jquery-sexycombo-plugin.html">SexyCombo</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/sexycombo.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/">prettyCheckboxes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/prettycheckboxes.png' alt="\"\"" border="0"><br></div></li> </ul> <p><!-- buradan kes --></p> <ul> <li><a href="http://chrisstormer.com/2008/10/18/transcendent-jquery-date-range-selector-short-cuts/">jQuery Date Range Selector</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/daterangeselector.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.kelvinluck.com/projects/jquery-date-picker">jQuery Date Picker</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/datepicker.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://devkick.com/lab/modalpreview/">Modal Preview</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/modalpreview.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://plugins.jquery.com/project/TextLimiter">Text Input Limiter</a></li> <li><a href="http://marghoobsuleman.com/jquery-image-dropdown">Javascript Image Combo Box</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/javascriptimagedropdown.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.no-margin-for-errors.com/projects/prettyComments/">prettyComments</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/prettycomments.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://plugins.jquery.com/project/TextAreaResizer">Textarea Resizer</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/textarearesizer-thumb.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://markitup.jaysalvat.com/examples/">Mark It Up</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/markitup.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.avidansoft.com/scripts">Damn Small Rich Text Editor</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/damnsmallrichtexteditor.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://malsup.com/jquery/form/">jQuery Forms Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquery-form-plugin-1241727187021.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquery-validation-plug-in-main-demo-1241726388455.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/">Chained combobox</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/chainedselectboxes.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://vreboton.ibacolod.com/DotNetNuke/ControlsandTips/jQueryColorPicker/tabid/69/Default.aspx">jQuery Color Picker</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquerycolorpicker.png' alt="\"\"" border="0"><br></div></li> </ul> <p><a href="http://bakiyyebemolu.bildirgec.org/"><strong>tüm yazılarım</strong></a> - <a href="http://webdeveloperplus.com/jquery/15-excellent-jquery-plugins-to-enhance-html-forms/"><strong>kaynak</strong></a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/formlar-icin-jquery-eklentileri ">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> Sun, 10 May 2009 09:25:00 GMT 225754@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/formlar-icin-jquery-eklentileri qwerty3 <p>Web Sayfalarına konulan içeriklerin sayfa üzerindeki konumlarının düzenli olması oldukça önemli bir konudur.<br>Önceleri table ile yapılan bu işlem şimdilerde daha çok <a href="http://www.bildirgec.org/ara/CSS">CSS</a> ile yapılmakta.<br>CSS ise yoğun içeriğe sahip web sayfalarının hızlı ve esnek bir şekilde düzenlenmesinde yetersiz kalabilmekte.<br>Bu yetersizliği gidermek için hazırlanan <a href="http://www.w3.org/TR/css3-layout/">CSS Template Layout Module (CSS Şablon Düzeni Modülü)</a> çalışması ise henüz taslak aşamasında.</p> <p>Web Sayfalarının hazırlanmasında birçok konuya getirdiği çözümlerle <a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">+</a> <a href="http://www.bildirgec.org/yazi/html-formlari-icin-25-harika">+</a> <a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover">+</a> <a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">+</a> göz dolduran <a href="http://www.bildirgec.org/ara/jQuery">jQuery</a> eklentileri, Web Sayfalarının düzenlenmesi konusunda da bazı çözümler sunmakta.<br><b>Web Sayfa Düzenleri(Layouts) için kolayca uygulanabilir olan 6 adet jQuery eklentisi:</b></p> <p><a href="http://desandro.com/resources/jquery-masonry">jQuery Masonry</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-layout-plugin.gif' alt="\"\"" border="0"><br></div><br><a href="http://layout.jquery-dev.net/">UI.Layout</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-ui-layout.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.bramstein.com/projects/jlayout/jquery-plugin.html">jLayout</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-layout.jpg' alt="\"\"" border="0"><br></div><br><a href="http://code.google.com/p/css-template-layout/">css-template-layout</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-css-layout.jpg' alt="\"\"" border="0"><br></div><br><a href="http://welcome.totheinter.net/columnizer-jquery-plugin/">Columnizer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-column-plugin.gif' alt="\"\"" border="0"><br></div><br><a href="http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/">EqualHeights</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-equal-heights.jpg' alt="\"\"" border="0"><br></div></p> <p>Kaynak: <a href="http://www.webresourcesdepot.com/6-flexible-jquery-plugins-to-control-webpage-layouts-easily/">webresourcesdepot</a> <br>Takip Et: <a href="http://algoz.bildirgec.org/">Bildirgeç</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery ">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> Tue, 19 May 2009 14:15:00 GMT 225753@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery qwerty3 <p><a href="http://www.bildirgec.org/ara/flash%20menü">Flash menü</a>ler çok ilgi çekici olabiliyor. <a href="http://www.bildirgec.org/ara/jquery">Jquery</a> kullanarak <a href="http://www.bildirgec.org/ara/flash">flash</a> tarzı bir <a href="http://www.bildirgec.org/ara/menü">menü</a> yapmak istiyorsanız aşağıdan gerekli bilgilere ulaşabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jquerymenu.jpg' alt="\"\"" border="0"><br>ekran görüntüsü</div> <p><strong>Nasıl Çalışır?</strong></p> <ul> <li>Sayfanızın <em>head</em> etiketleri bölümüne aşağıdaki kodları ekleyin.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/kod1.PNG' alt="\"\"" border="0"><br>resmi büyütmek için <a href="http://img150.imageshack.us/img150/6962/kod1.png">buraya</a> tıklayın.</div> <ul> <li>Eklemek istediğiniz menü sayısı kadar aşağıdaki kodu sitenizde görünmesini istediğiniz yere ekleyin.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/kod2.PNG' alt="\"\"" border="0"><br>resmi büyütmek için <a href="http://img150.imageshack.us/img150/9121/kod2.png">buraya</a> tıklayın.</div> <p><em><strong>not:</strong> i̇ndirmiş olduğunuz dosyada bütün kodlar bulunmaktadır.</em> <p><strong>Kişiselleştirmek</strong></p> <p><em>jquery.menuzoomer.js</em> dosyasındaki bazı kısımları dilediğiniz şekilde değiştirerek menünüzü tamamen kişiselleştirebilirsiniz.</p> <blockquote>$("a.menuflash").hoversize({<br>speed:400,<br>fontcolor:"#d7df23",<br>fontsize : "300%",<br>lineheight:"39px",<br>easing : "easeoutexpo" <br>})</blockquote> <p>Firefox 3+, Internet Explorer 6&7 ve Safari 4 tarayıcılarında test edilmiştir.</p> <p><strong><a href="http://www.position-relative.net/creation/menuZoomer/menuZoomer.zip">İndirin</a></strong> | <strong><a href="http://www.position-relative.net/creation/menuZoomer/">Test Edin</a></strong></p> <strong>yazılarımı takip edebilirsiniz.</strong> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="https://twitter.com/lebron5">twitter</a></li> <li><strong>kaynak:</strong> <a href="http://www.position-absolute.com/articles/jquery-flash-like-menu/">position-absolute.com</a> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/flash-gibi-jquery-menu ">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, 22 Jun 2009 16:45:00 GMT 225752@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/flash-gibi-jquery-menu qwerty3 <p>Web sitelerinde veya bloglarda etkileşimli bir ortam oluşturarak, ziyaretçilere çeşitli bilgilendirici veya uyarıcı bildirimler vermek sıkça kullanılan bir yöntemdir.</p> <p>Gelişen web teknikleri sayesinde, web sayfalarındaki birçok öğenin kullanıcıyı hayran bırakacak bir yapıya büründüğü günümüzde, bildirimler için de kullanabileceğiniz birçok farklı çözüm bulunmakta.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-growl-notifications.jpg' alt="\"\"" border="0"><br></div><br>Bu çözümlerden biri de bir <a href="http://www.bildirgec.org/ara/JQuery">JQuery</a> eklentisi olan <a href="http://boedesign.com/2009/07/11/growl-for-jquery-gritter/">Gritter</a>.<br>Gritter ile oldukça hoş ve kullanışlı bildirimler oluşturmak için <a href="http://boedesign.com/2009/07/11/growl-for-jquery-gritter/">bu sayfadan</a> gerekli bilgileri alabilir ve demo sayfasına da <a href="http://boedesign.com/demos/gritter/">buradan</a> ulaşabilirsiniz.</p> <p><!-- buradan kes --></p> <p><b>Daha önce yayınlanmış JQuery ile ilgili yazılarımdan bazıları:</b><br><a href="http://www.bildirgec.org/yazi/jquery-ile-iphone-style-checkboxes">JQuery ile iPhone-Style Checkboxes</a> <br><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">En iyi 10 jquery slider eklentisi</a> <br><a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">jQuery ve CSS ile Page Peel Effect'i</a> <br><a href="http://www.bildirgec.org/yazi/jquery-impromptu-ile-sik-tasarimli">jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları</a><br><a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">Layouts için 6 Adet jQuery eklentisi</a> <br><a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-menu">JQuery ile Hoş Bir Menü</a><br><a href="http://www.bildirgec.org/yazi/html-formlari-icin-25-harika">Html formları için 25 harika jquery eklentisi</a></p> <p>Kaynak:<a href="http://boedesign.com/2009/07/11/growl-for-jquery-gritter/">Gritter</a><br>Takip: <a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">Email</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/etkileyici-bildirimler-bir-jquery-eklentisi ">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> Tue, 14 Jul 2009 06:43:00 GMT 225751@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/etkileyici-bildirimler-bir-jquery-eklentisi qwerty3 <p>Kolay kullanımı ve sağlamlığı ile en beğenilen <a href="http://www.bildirgec.org/ara/Javascript">Javascript</a> kütüphanelerinin başında gelen <a href="http://www.bildirgec.org/ara/JQuery">JQuery</a>, birçok geliştirici tarafından; web sayfalarında sıklıkla kullanılan bazı elemanların/parçaların belli bir şablona dönüştürülerek web sayfalarına daha kolay uygulanabilmesi için yeni eklentilerin veya örneklerin oluşturulmasında da kullanılmakta.</p> <p>Bu elemanlardan biri de; genellikle haber sitelerinin ana sayfalarında bulunan ve önemli haberlerin görsellikle desteklenmiş kısa başlıklardan oluşan <b>haber başlıklarıdır</b>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/sl.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial">JQuery News Slider</a> örneği ile kod yığınları arasında kaybolmadan haber başlıklarını animasyonlu bir sunum ile web sayfanızda oluşturabilirsiniz.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/newsslider.gif' alt="\"\"" border="0"><br></div><br>Ayrıca bu eklentiyi resim veya fotoğraflarınızın sunumu içinde kullanabilirsiniz. <p>JQuery News Slider örneğini web sayfanıza nasıl uygulayacağınızı <a href="http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial">buradan</a> öğrenebilir, demo gösterimine <a href="http://www.queness.com/resources/html/newsslider/index.html">buradan</a> ulaşabilir ve kendisini de <a href="http://www.queness.com/resources/archives/jquery-newsslider.zip">buradan</a> indirebilirsiniz.</p> <p>Kaynak: <a href="http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial">queness</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a>:</b> <a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">Email</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/haber-basliklari-icin-hos-bir ">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> Thu, 30 Jul 2009 13:29:00 GMT 225750@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/haber-basliklari-icin-hos-bir qwerty3 <p>Eğer kalabalık bir Portfolio'nuz varsa, bunu potansiyel müşterilerinize bir yığın olarak sunmak yerine farklı yöntemler ile en azından gruplar halinde sunmak ve bu şekilde potansiyel müşteriniz ile ilgisini çekebilecek çalışmalarınızı buluşturabilmek daha mümkün olacaktır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/portfolio-2.jpg' alt="\"\"" border="0"><br></div> <p>Bu amaçla hazırlanmış <a href="http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours">jQuery Filterable Portfolio</a> eklentisi adındanda anlaşılacağı üzere <a href="http://www.bildirgec.org/ara/JQuery">JQuery</a> için hazırlanmış bir eklenti. Bu eklenti ile Portfolio'nuzda yer alan çalışmalarınızı farklı kategoriler altında filtreleyerek gruplandırabiliyor ve daha da güzeli bunu, JQuery'nin verdiği güçle animasyonlar eşliğinde müşterilerinize sunabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/je1.png' alt="\"\"" border="0"><br></div></p> <p>Kolayca güncellenebilme, herbir çalışmayı farklı gruplara yerleştirebilme gibi özellikleri ile oldukça kullanışlı olan bu eklenti için hazırlanmış örnek sayfaya <a href="http://www.newmediacampaigns.com/files/posts/filterable/filterable.html">buradan</a> ulaşabilirsiniz.</p> <p><a href="http://www.newmediacampaigns.com/files/posts/filterable/filterable.html">Bu</a> örnek sayfanın kaynak kodları ile <b>jQuery Filterable Portfolio</b> ekletisini <a href="http://www.newmediacampaigns.com/files/posts/filterable/filterable.zip">buradan</a> indirebilirsiniz.<br>Ayrıca gerekli eğitim belgelerine de <a href="http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours#docs">buradan</a> erişebilirsiniz.</p> <p><b>Bonus+++++:</b><br><b>+</b><a href="http://www.bildirgec.org/yazi/portfolio-icin-13-adet-muhtesem">Portfolio için 13 Adet Muhteşem Wordpress Teması</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/15-adet-dolu-dolu-jquery">15 Adet Dolu Dolu jQuery Kaynak Sitesi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">Layouts için 6 Adet jQuery eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover">jquery ile hoş bir Hover Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">en iyi 10 jquery slider eklentisi</a></p> <p><b>Kaynak: </b><a href="http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours">newmediacampaigns</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a>:</b> <a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">Email</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/qwerty3">qwerty3</a> tarafından <a href=" http://www.bildirgec.org/yazi/portfolio-nuz-icin-kullanisli-bir ">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> Tue, 04 Aug 2009 06:42:00 GMT 225749@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/portfolio-nuz-icin-kullanisli-bir