http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: tab menü UVERCANKi <p><a href="http://www.thisisablog.biz/">Şuradaki </a>sağ taraftaki dikey açılan menünün yatay olanından örnekler lazım oldu. Kaynak gösterebilir misiniz?</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/UVERCANKi">UVERCANKi</a> tarafından <a href=" http://www.bildirgec.org/yazi/yatay-acilan-horizontal-menu-ornekleri ">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, 19 Jun 2009 14:40:00 GMT 82386@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yatay-acilan-horizontal-menu-ornekleri horizontal ajax tab menü yatay ajax tabmenü javascipt pinkfloyd <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/06-simpletabs.png' alt="SimpleTabs" border="0"><br>SimpleTabs</div><br>Belki de 2008'in en önemli web trendleri arasında sekmeli içerik arabirimleri gösterilebilir. Ancak bunların pek çoğu ya olması gerekenden çok daha karmaşıktır ya da <a href="http://www.bildirgec.org/etiket/jquery">JQuery</a> ve <a href="http://www.bildirgec.org/etiket/mootools">MooTools</a> gibi üçüncü parti JS kütüphanelerine dayanırlar. Eğer siz de hem kullanımı oldukça kolay hem de ağır JS kütüphanelerinin kullanımını şart koşmayan bir sekmeli içerik oluşturma çözümü arıyorsanız, Komrade'nin hazırladığı <a href="http://labs.komrade.gr/simpletabs/">SimpleTabs</a> tam size göre. <p>SimpleTabs'ın sunduğu özelliklerin arasında yukarıda da belirttiğim gibi herhangi bir JS kütüphanesinin kullanılmasını gerektirmiyor oluşu yer alıyor.</p> <p><!-- buradan kes --></p> <p>Her bir sekme için ayrı bir ID oluşturmanız da gerekmiyor. Bu sayede aynı sayfa üzerinde dilediğiniz sayıda SimpleTabs sekme seti oluşturabilmeniz mümkün. Ayrıca bu durumun bir başka avantajı da sunucu taraflı programlama dillerinin sunduğu döngüler kullanılarak tasarımı dinamik sekmeli içerikler oluşturabilirsiniz.</p> <p>SimpleTabs, son tıklanan sekmeyi hatırlıyor, bu sayede ziyaret ettiğiniz sayfayı yeniden yüklerseniz ya da başka bir sayfayı ziyaret edip sekmeli içeriğin bulunduğu sayfaya geri dönerseniz, son tıklanan sekmenin aktif olduğunu göreceksiniz.</p> <p>SimpleTabs'ın web sitenize entegrasyonu gerçekten çok kolay. Üstelik tüm scriptin dosya boyutu da oldukça küçük. Tüm tarayıcılarda sorunsuz olarak çalışıyor olması da cabası.</p> <p><strong>SimpleTabs</strong> ile ilgili ayrıntılı bilgiye ve örneklerine <a href="http://labs.komrade.gr/simpletabs/">buradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pinkfloyd">pinkfloyd</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit ">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, 29 Dec 2008 16:15:00 GMT 78474@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit tab sekme mootools tab menü jquery tab design sekmeler simpletabs chuckie <p>Artık herkes onu kullanıyor! <a href="http://www.bildirgec.org/etiket/ajax">AJAX</a>! Eğer güzel bir websitesi yapmak istiyen ve ajaxtan hoşlananlar ve öğrenmek isteyenler için güzel bir kaynak olacak umarım.</p> <p>1.<a href="http://www.ibm.com/developerworks/library/x-ajaxrss/">Ajax RSS Reader</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/chuckie/02-01-ajax-rss-reader.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.bildirgec.org/etiket/ajax">Ajax</a>,<a href="http://www.bildirgec.org/php">PHP</a> ve <a href="http://www.bildirgec.org/etiket/mysql">MySQL</a> ile yapılmış bir Rss okuyucusu.<br><a href="http://www.musestorm.com/tutorials/ajax/">2.Ajax Desktop Tutorial</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/chuckie/02-02-ajax-desktop.gif' alt="\"\"" border="0"><br></div><br>Bu ders size adım adım nasıl masaüstüne benzeyen bir sayfa yapacağınızı anlatıyor.Demosu <a href="http://www.musestorm.com/examples/desktop.html">burada.</a><br><a href="http://www.ibm.com/developerworks/library/x-ajaxxml8/">3.Ajax For Chat</a><br>JavaScript, XML, ve PHP ile birlikte basit bir chat uygulaması yaratabilirsiniz.<br><a href="http://www.ibm.com/developerworks/edu/wa-dw-wa-aj-space.html">4.Ajax ve del.icio.us ile kendi bilgi alanınız</a><br>Bu teknik ana hatlarıyla Ajax ve <a href="http://www.bildirgec.org/etiket/api">API</a> yi birlikte kullanmayı öğretiyor.<br><a href="http://www.insideria.com/2008/03/ultralightweight-charts-for-aj.html">5.Ajax İçin Harita</a><br>Ajax ve <a href="http://www.bildirgec.org/etiket/flash">flash</a> kullanarak "windows gezgini" benzeri uygulama üretebilirsiniz. Biraz daha ayrıntı<a href="http://www.tricedesigns.com/portfolio/ajaxcharts/srcview/"> burada</a>.<br><a href="http://evolt.org/node/60673">6.Ajax ve PHP ile Takvim</a><br><a href="http://ajax.phpmagazine.net/2006/04/howto_integrate_google_calenda.html">7.Google Takvimi' ni Sitenize Ajax İle Entegre</a><br><a href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/">8. Edit In Place with AJAX Using jQuery</a><br><a href="http://www.progressive-coding.com/tutorial.php?id=6">9.Ajax İle Oylama</a><br><a href="http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html">10.Ajax İle Dosya Upload</a><br><a href="http://www.sitepoint.com/article/use-ajax-php-build-mailing-list">11.Ajax ve PHP ile mail list oluşturmak</a><br><a href="http://15daysofjquery.com/safer-contact-forms-without-captchas/11/">12.CAPTCHA ile iletişim formu</a><br><a href="http://waelchatila.com/2005/12/18/1134960510669.html">13.Ajax' ı captcha ile kullanın</a><br><a href="http://www.chazzuka.com/blog/?p=174">14.Ajax Login Form</a><br><a href="http://woork.blogspot.com/2008/03/nice-ajax-effect-for-message-box-using.html">15.Yazılar için Ajax efekti</a> | Demosu <a href="http://woork.bravehost.com/chainMootools/index.html">burada</a>.<br><a href="http://nodstrum.com/2007/09/19/autocompleter/">16.Form Tamamlayıcı </a> | Demo<a href="http://res.nodstrum.com/autoComplete/index.htm"> burada</a> <br><a href="http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/">17.Auto-populating Select Boxes using jQuery & AJAX</a> | Demo <a href="http://remysharp.com/wp-content/uploads/2007/09/select-chain.php">burada.<br></a><br><a href="http://www.webmonkey.com/tutorial/Build_an_Ajax_Dropdown_Menu">18.Ajax Açılır Menü</a><br><a href="http://boonage.pjss2.net/2007/02/12/ajaxphp-shoutbox-tutorial/">19.Ajax/PHP shoutbox</a><br><a href="http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/">20.Ajax Tab Menü</a><br><a href="http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/">21.How to Load In and Animate Content with jQuery</a><br><a href="http://particletree.com/features/the-hows-and-whys-of-degradable-ajax/">22.The Hows and Whys of Degradable Ajax</a><br><a href="http://www.ibm.com/developerworks/web/library/wa-aj-resttip.html?S_TACT=105AGX08&S_CMP=EDU">23.Ajaxın yarattığı gereksiz trafikden kurtulun</a><br><a href="http://www.ajaxonomy.com/2007/web-design/a-better-ajax-back-button-solution">24.Geri butonu</a><br><a href="http://juicystudio.com/article/making-ajax-work-with-screen-readers.php">25.Ekran okuyucuları</a></p> <p>Bu dersler ingilizce olduğu için anlayamayanlar olacaktır. Ancak örneklere ve kodlara bakmanız halinde de fikir sahibi olacağınızı düşünüyorum.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/chuckie">chuckie</a> tarafından <a href=" http://www.bildirgec.org/yazi/25-ajax-dersi ">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, 16 Jun 2008 08:29:00 GMT 70808@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/25-ajax-dersi teknik ajax tab menü 25 shoutbox öğren dersi Buremba <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Buremba/final1.jpg' alt="menünün görüntüsü" border="0"><br>menünün görüntüsü</div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Buremba/example.jpg' alt="menünün görüntüsü 2" border="0"><br>menünün görüntüsü 2</div> <p><a href="http://www.techsymptom.com/2007/02/23/cool-tab-menu-in-web-20-style/">bu adres</a> te web 2.0 stilinde güzel bir menünün yapımı anlatılmış ben beğendim ve yaptım.<br>Not: kaynak ingilizce ama anlaşılır bir şekilde yazılmıl o yüzden türkçeleştirmeye gerek duymadım..</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Buremba">Buremba</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-2-0-stilinde-tab ">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, 26 Feb 2007 18:42:00 GMT 35027@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-2-0-stilinde-tab menü web 2.0 web 2.0 style tab menü