http://www.bildirgec.org/ tr-tr 40 bildirgec.org - Ludwiq - beğendikleri Ludwiq <p><a href="http://www.bildirgec.org/ara/web tasarım">Web tasarım</a> <a href="http://www.bildirgec.org/ara/dizin">dizin</a>leri, sitenize etkin bir ziyaretçi kitleri kazandırır ve <a href="http://www.bildirgec.org/ara/seo">seo</a>'ya olumlu bir katkı sağlar. Birçoğu karşılıklı bağlantı gerektiriyor ancak <a href="http://www.bildirgec.org/ara/google">google</a> aşırı karşılıklı bağlantıları bildiğiniz gibi sevmiyor.</p> <p>Google çalışanı <a href="http://www.bildirgec.org/ara/matt cutts">Matt Cutts</a> konuyla ilgili:</p> <blockquote>Ticaret bağlantıları doğaldır ve karşılıklı bağlantıların olması da doğaldır. Bazı düzeylerde normal ancak çok sık olursa onun sahte olduğu görülür.</blockquote> açıklamasında bulunmuştur. <p>1. <a href="http://www.dexigner.com/directory/">DesignDirectory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/design-directory.gif' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2001</li> <li><strong>Google'da İndeksli Sayfa:</strong> 15,400</li> <li><strong>Yahoo Backlinks:</strong> 155,988</li> <li><strong>PageRank:</strong> 6</li> <li><strong>Link Durumu:</strong> Nofollow</li> <li><strong>Quantcast Sıralaması:</strong> <a href="http://www.quantcast.com/dexigner.com">24,796</a></li> <li><strong>Site Ekleme Kuralları:</strong> Site ekleme kuralları için <a href="http://www.dexigner.com/directory/addnew/">buraya</a> tıklayın.</li> </ul> <p><!-- buradan kes --></p> <p>2. <a href="http://www.web-design-directory.org.uk/">Web Design Directory org dot uk</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/webdesigndirectory.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2008</li> <li><strong>Google'da İndeksli Sayfa:</strong> 319</li> <li><strong>Yahoo Backlinks:</strong> 837</li> <li><strong>PageRank:</strong> 4</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok</li> <li><strong>Site Ekleme Kuralları:</strong> Karşılıklı bağlantı gerekiyor.</li> </ul> <p>3. <a href="http://www.webdesignstuff.com/">Web Design Stuff</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/wds.gif' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2006</li> <li><strong>Google'da İndeksli Sayfa:</strong> 1,850</li> <li><strong>Yahoo Backlinks:</strong> 44.301</li> <li><strong>PageRank:</strong> 5</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsiz ekleyebilirsiniz.</li> </ul> <p>4. <a href="http://www.web-development.com/">Web-Development.com</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/web-development.gif' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 1997</li> <li><strong>Google'da İndeksli Sayfa:</strong> 11,400 </li> <li><strong>Yahoo Backlinks:</strong> 1,639</li> <li><strong>PageRank:</strong> 5</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsiz ama karşılıklı bağlantı gerekiyor. Site gönderme sayfasından:</li> </ul> <blockquote>Web-Development.com bir web tasarım şirketleri dizinidir. Biz sadece web tasarım şirketlerini dizinimize ekliyoruz. Gelecek'de web hosting ve alan adı kayıt firmaları için ek kategori eklemeyi planlıyoruz. Ancak şu an sadece web tasarım şirketlerini kabul ediyoruz.</blockquote> <p>5. <a href="http://aawebmasters.com/directory/">American Association of Webmasters Directory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/aawmlogoceo.gif' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2002</li> <li><strong>Google'da İndeksli Sayfa:</strong> 1,670</li> <li><strong>Yahoo Backlinks:</strong> 30,433</li> <li><strong>PageRank:</strong> 5</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsiz eklenebilir ancak karşılıklı bağlantı gereklidir.</li> </ul> <p>6. <a href="http://www.ukwebmasterworld.net/">UK Webmaster World Directory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ukwebmasterworld.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2003</li> <li><strong>Google'da İndeksli Sayfa:</strong> 302 </li> <li><strong>Yahoo Backlinks:</strong> 3,457</li> <li><strong>PageRank:</strong> 3</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Linkler ücretli veya karşılıklı şekilde eklenir. Yalnızca ingiltere'den gönderimlere açıktır.</li> </ul> <p>7. <a href="http://www.webmasterindex.co.uk/">UK Webmaster Directory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ukwebmaster.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2008</li> <li><strong>Google'da İndeksli Sayfa:</strong> 73</li> <li><strong>Yahoo Backlinks:</strong> 469</li> <li><strong>PageRank:</strong> 4</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsiz ancak karşılıklı bağlantı gereklidir. Sadece İngiltere için.</li> </ul> <p>8. <a href="http://webdesigners-directory.com/">Web Design • Designers Directory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/webdesigners-directory.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2005</li> <li><strong>Google'da İndeksli Sayfa:</strong> 2,229</li> <li><strong>Yahoo Backlinks:</strong> 163,889</li> <li><strong>PageRank:</strong> 6</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> <a href="http://www.quantcast.com/webdesigners-directory.com">130,167</a></li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsizdir ve karşılıklı bağlantıya gerek yoktur. Sadece İngiltere için.</li> </ul> <p>9. <a href="http://www.webmasterslookup.com/">Webmasters Lookup</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/webmasterlookup.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2005 </li> <li><strong>Google'da İndeksli Sayfa:</strong> 237</li> <li><strong>Yahoo Backlinks:</strong> 4,236</li> <li><strong>PageRank:</strong> 4</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretsiz ekleyebilirsiniz. Web tasarımcıları için potansiyel müşterlilerine portföyünü gösterebilmeyi amaçlamıştır.</li> </ul> <p>10. <a href="http://web-design-directory-uk.co.uk/">The Web Design Directory UK</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/web-design-directory-uk-co-uk.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2002</li> <li><strong>Google'da İndeksli Sayfa:</strong> 77</li> <li><strong>Yahoo Backlinks:</strong> 14.388</li> <li><strong>PageRank:</strong> 5</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> İngiltere'den web tasarımcıları ücretsiz ekleyebilirler ama karşılıklı bağlantı gereklidir.</li> </ul> <p>11. <a href="http://www.designdir.net/">DesignDir.net</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/designdir-web-design-directory-seo.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2003</li> <li><strong>Google'da İndeksli Sayfa:</strong> 625 </li> <li><strong>Yahoo Backlinks:</strong> 14,359</li> <li><strong>PageRank:</strong> 4</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Ücretli veya karşılık bağlantı ile ücretsiz seçenekleri mevcut. Bu dizinde sadece web tasarım linklerini kapsamaktadır.</li> </ul> <p>12. <a href="http://directory.designer.am/">DirectoryDesigner.am</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/designdirectory-me.gif' alt="\"\"" border="0"><br></div> <ul> <li><strong>Site Oluşturulma Yılı:</strong> 2003</li> <li><strong>Google'da İndeksli Sayfa:</strong> 480</li> <li><strong>Yahoo Backlinks:</strong> 12,224</li> <li><strong>PageRank:</strong> 5</li> <li><strong>Link Durumu:</strong> Dofollow</li> <li><strong>Quantcast Sıralaması:</strong> Bilgi yok.</li> <li><strong>Site Ekleme Kuralları:</strong> Sitenizi eklemeden önce yönergeleri okumalısınız. Ücretsiz ancak karşılıklı bağlantı gerekiyor.</li> </ul> <p>ayrıca aşağıdaki yazıda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/100-ucretsiz-online-seo-araci">100 Ücretsiz Online Seo Aracı</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://www.1stwebdesigner.com/development/12-web-design-directories-to-improve-your-seo/">1stwebdesigner.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">diğer yazılarım</a> | <a href="http://www.webdergim.com/">kişisel blogum</a> </li> <li><a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://delicious.com/lebron5">delicious</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/seo-yu-gelistirmek-icin-12 ">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, 15 Aug 2009 13:11:00 GMT 233717@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/seo-yu-gelistirmek-icin-12 Ludwiq <p>eğer birden çok bilgisayarınız varsa ve her birinde farklı işletim sistemleri kuruluysa, verilerinize erişmek için farklı yazılımlar kullanmak zorunda değilsiniz. bu yazılımlar hem windows, hem mac os x, hem de linux üzerinde çalışabiliyorlar.</p> <p><strong><a href="http://buddi.digitalcave.ca/index.jsp">Buddi</a></strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/variant/buddi.jpg' alt="\"\"" border="0"><br></div><br>buddi, kişisel bir finans ve bütçe programıdır ve finans hakkında çok bilgisi olmayan kullanıcıları hedeflemektedir.</p> <p><strong><a href="http://keepass.info/">keepass</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/variant/keepass.jpg' alt="\"\"" border="0"><br></div><br>keepass ile parolalarınızı şifreleyebilir ve istediğiniz her yere götürebilirsiniz (windows, mac, linux, iphone, android, blackberry, palm, memory stick vs. böylece parolalarınızı hatırlamak için sadece bir dosyaya ihtiyaç duyacaksınız.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://truecrypt.org/">truecrypt</a></strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/variant/truecrypt-340.jpg' alt="\"\"" border="0"><br></div><br>trucrypt ile diskinizde şifreli bir bölüm oluşturuyor ve gizli kalmasını istediğiniz dosyaları buraya atıyorsunuz. dosyalara erişmek için şifreli bölümü program menüsünden sanki bir hard disk gibi mount ederek açıyor, işiniz bitiminde tekrar erişilemeyecek bir şekilde güvenle kapatıyorsunuz.</p> <p><strong><a href="http://mozillamessaging.com/thunderbird">thunderbird</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/variant/thunderbird-340.jpg' alt="\"\"" border="0"><br></div><br>mozilla'nın email programını bilmeyen yoktur. fazla söze gerek yok. kendisi şu an piyasadaki en hızlı ve yetenekli email programı.</p> <p><strong><a href="http://pidgin.im/">pidgin</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/variant/pidgin.jpg' alt="\"\"" border="0"><br></div><br>açık kaynak kodlu bir instant messenger olan pidgin ile tüm mesajlaşma programlarına (msn, yahoo, google talk vs.) tek bir arayüz üzerinden bağlanabilirsiniz.</p> <p><strong><a href="http://getmiro.com/">miro</a></strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/variant/miro-splash.png' alt="\"\"" border="0"><br></div><br>miro her türlü fonksiyonu bünyesinde barındırmasına rağmen hakettiği ilgiyi görememiş bir yazılım. miro ile podcastler de dahil olmak üzere tüm video izleme işlemlerini tek bir yerden yapabilirsiniz.</p> <p><strong><a href="http://7-zip.org/">7-zip</a></strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/variant/340x-7zip.png' alt="\"\"" border="0"><br></div><br>winzip, winrar gibi ücretli sıkıştırma programlarından bıktıysanız 7-zip tam size göre. ücretsiz olmasının yanı sıra, zip ve rar dahil olmak üzere tüm sıkıştırılmış dosyaları rakiplerine göre çok daha hızlı bir şekilde açabiliyor.</p> <p><strong><a href="http://videolan.org/vlc">vlc</a></strong><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/variant/340x-vlc-1.jpg' alt="\"\"" border="0"><br></div><br>vlc ile bilgisayarınızda hiçbir codec yüklü olmadan hemen hemen bütün video ve ses dosyalarını açabilir, altyazı ekleyebilir, online medyalara bağlanabilirsiniz. bir diğer güzel özelliğide ekranda oynayan videoyu kayıt edebilmesi ve video dosyalarını farklı formatlara çevirebilmesi.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/butun-isletim-sistemlerinde-calisabilen-en ">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, 10 Dec 2009 12:54:00 GMT 229784@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/butun-isletim-sistemlerinde-calisabilen-en Ludwiq <a href="http://www.adobe.com/products/photoshop/family/">Adobe Photoshop</a>, yaygın olarak kullanılan en popüler grafik düzenleme programlarından biridir. bunun en basit sebebi ise <a href="http://www.bildirgec.org/etiket/photoshop">photoshop</a>un, öğrenmek için kolay bir araç olmasıdır. ve bazı etkileyici sonuçlara ulaşmak ve de istenilen vurguları yapabilmek için bize yardımcı olacak kaynaklarına ulaşmak oldukça kolaydır.<br>bu bildiride de photoshop çalışmalarınızda size yardımcı olacak, yeni bakış açıları sağlayacak yüksek kalitede yepyeni 40 adet photoshop dersine (<a href="http://www.bildirgec.org/etiket/Photoshop-Tutorials">Photoshop Tutorials</a>) yer vereceğiz.<br>1 - <a href="http://abduzeedo.com/fantastic-digital-painting-image-photoshop-and-corel-painter">Photoshop'ta dijital boyama</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut4.jpg' alt="\"\"" border="0"><br></div><br>2 - <a href="http://www.tutorial9.net/photoshop/firefish-photoshop-tutorial/">Firefish Photoshop Tutorial</a><br>kendinize firefox benzeri maskotlar oluşturabilirsiniz. ayrıca dersle birlikte PSD dosyasına da ulaşabilirsiniz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut2.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --><br>3 - <a href="http://psdlearning.com/2009/05/create-smoke-text/">Create Smoke Text</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut13.jpg' alt="\"\"" border="0"><br></div><br>4 - <a href="http://10steps.sg/photoshop/creating-an-abstract-watercolor-wallpaper/">suluboya efekti dersi</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut5.jpg' alt="\"\"" border="0"><br></div><br>5 - <a href="http://psdlearning.com/2009/05/colorful-spirograph-poster/">Colorful Spirograph Poster</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut9.jpg' alt="\"\"" border="0"><br></div><br>6 - <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-photo-manipulation-of-a-flooded-city-scene/">Foto Manipülasyon Dersi</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut8.jpg' alt="\"\"" border="0"><br></div><br>7 - <a href="http://www.gomediazine.com/tutorials/80s-style-design-photoshop/">Photoshop ile 80'ler tarzı tasarımlar</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut10.jpg' alt="\"\"" border="0"><br></div><br>8 - <a href="http://tinyurl.com/lpfjp2">yanan adam efekti</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut17.jpg' alt="\"\"" border="0"><br></div><br>9 - <a href="http://www.psdvault.com/text-effects/design-a-super-sleek-text-effect-with-water-drop-texture/">su damlası metin efekti</a><br>su damlası dokusu ile birlikte.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut18.jpg' alt="\"\"" border="0"><br></div><br>10 - <a href="http://www.tutorial9.net/photoshop/creating-a-typographic-wallpaper/">Creating a Typographic Wallpaper</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut30.jpg' alt="\"\"" border="0"><br></div><br>11 - <a href="http://www.webdesignerdepot.com/2009/05/render-a-3d-text-scene-using-photoshop/">3d metin efekti dersi</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut7.jpg' alt="\"\"" border="0"><br></div><br>12 - <a href="http://www.denisdesigns.com/blog/2009/08/create-a-wood-background-in-photoshop/">ahşap arka plan oluşturma</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut36.jpg' alt="\"\"" border="0"><br></div><br>13 - <a href="http://www.pvmgarage.com/en/2009/07/quick-psd-tutorial-how-to-create-a-simple-and-effective-retro-logo-with-a-soft-grunge-background/">Create A Simple And Effective Retro Logo</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut32.jpg' alt="\"\"" border="0"><br></div><br>14 - <a href="http://abduzeedo.com/super-cool-watercolor-effect-10-steps-photoshop">10 adımda süper suluboya efekti</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut29.jpg' alt="\"\"" border="0"><br></div><br>15 - <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-make-a-dark-post-apocalyptic-city-illustration/">City Illustration</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut20.jpg' alt="\"\"" border="0"><br></div><br>16 - <a href="http://10steps.sg/photoshop/digital-painting-a-high-tech-deer-scene/">Digital Painting in photoshop</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/new-ps-tut34.jpg' alt="\"\"" border="0"><br></div><br>geriye kalanlarına <a href="http://www.noupe.com/tutorial/40-new-high-quality-adobe-photoshop-tutorials.html">şuradan</a> ulaşabilirsiniz.<br>son olarak dersler ve photoshop ile ilgili şu yazılar da ilginizi çekecektir: <ul> <li><a href="http://www.bildirgec.org/yazi/28-inanilmaz-photoshop-dersi-poster">28 inanılmaz photoshop dersi (poster yapımı, metin efekti ve dahası)</a></li> <li><a href="http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop">12 adet video anlatımlı photoshop dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/10-adet-ucretsiz-photoshop-3d">10 adet ücretsiz Photoshop 3d metin efekti dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d">yaratıcılığınızı arttıracak 12 ücretsiz 3d metin efekti dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/yepyeni-23-muhtesem-adobe-illustrator">yepyeni 23 muhteşem adobe illustrator dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/arsivlik-8-adet-ucretsiz-photoshop">arşivlik 8 adet ücretsiz photoshop e-kitabı</a></li> </ul> <p><strong></strong><br><strong>|</strong><a href="http://xerre.bildirgec.org/"><strong>diğer yazılarım</strong></a><strong>|</strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/40-mukemmel-photoshop-dersi-dijital ">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, 28 Aug 2009 11:09:00 GMT 220413@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/40-mukemmel-photoshop-dersi-dijital Ludwiq <p><a href="http://www.bildirgec.org/ara/web%20tasar%C4%B1m%C4%B1">Web tasarımı</a> için <a href="http://www.bildirgec.org/ara/photoshop">photoshop</a> büyük bir kolaylık sağlıyor. Sürekli yeni <a href="http://www.bildirgec.org/ara/dersler">dersler</a> paylaşılması, <a href="http://www.bildirgec.org/ara/tasar%C4%B1mc%C4%B1lar">tasarımcılar</a> için büyük bir fırsat. Bu yazıda birbirinden kaliteli photoshop ile web tasarım dersleri bir arada toplanmıştır.</p> <p>1. <a href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/">Create a Clean and Colorful Web Layout in Photoshop</a> (Photoshop'da Temiz ve Renkli Web Şablonu Oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/griminati-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://artbox7.com/blog/tutorials/create-a-portfoliobusiness-website-layout-photoshop-template.html">Create a portfolio/business website layout</a> (portföy/iş website şablonu oluştur)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/portfolio-business-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://templatetuts.com/2009/08/design-a-sleek-and-modern-hosting-layout/">Design a Sleek and Modern Hosting Layout</a> (Pürüzsüz ve Modern Hosting Şablonu Tasarlamak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/phocal-hosting-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://www.grafpedia.com/tutorials/create-grunge-wordpress-theme-photoshop">Create a grunge wordpress theme with Photoshop</a> (Photoshop ile eskimiş wordpress teması oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/wordpress-grunge-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.webdesigndev.com/photoshop/create-a-forum-layout-using-photoshop">Create A Forum Layout Using Photoshop</a> (Photoshop Kullanarak Forum Şablonu Oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/php-mysql-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.webdesigndev.com/photoshop/how-to-create-a-green-grunge-web-layout">How To Create a Green Grunge Web Layout</a> (Yeşil Renkli Eskimiş Efektli Web Şablonu Nasıl Oluşturulur?)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/fiked-mainsite-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.psdburn.com/2009/08/create-a-nature-inspired-wordpress-layout/">Create a Nature Inspired WordPress Layout</a> (Doğa ile esinlenmiş wordpress şablonu oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/nature-inspired-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.grafpedia.com/tutorials/create-wordpress-themes-adobe-photshop">Create wordpress theme in Adobe Photshop</a> (Adobe Photoshop'da wordpress teması oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/grafpedia-blog-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://abduzeedo.com/web-site-design-tutorial-wellknownas-case">Web Site Design Tutorial: Wellknown.as Case</a> (Web site tasarım dersi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/well-known-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.grafpedia.com/tutorials/creating-amazing-layout-textures">Create an Amazing Layout Using Textures</a> (Dokuları kullanarak inanılmaz şablon oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/amazing-texture-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>11. <a href="http://www.grafpedia.com/tutorials/design-wordpress-theme-photoshop">How to Design a WordPress Theme in Photoshop</a> (Photoshop'da wordpress teması nasıl oluşturulur?)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/simple-blog-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://www.grafpedia.com/tutorials/create-stylish-business-layout-photoshop">Create a Stylish Business Layout in Photoshop</a> (Photoshop'da Şık firma şablonu oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/wordpress-blog-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://www.grafpedia.com/tutorials/design-a-creative-wordpress-theme">Design a creative wordpress theme</a> (Yaratıcı wordpress teması tasarlamak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/creative-wordpress-blog-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://www.grafpedia.com/tutorials/create-communication-layout-photoshop">Create a communication layout in Photoshop</a> (Photoshop'da iletişim şablonu oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/communication-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>15. <a href="http://webtint.net/tutorials/how-to-make-a-nice-eye-catching-webblog-layout/">How to Make a nice, eye catching web/blog layout</a> (Göz alıcı, güzel web/blog şablonu nasıl yapılır?)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/nice-blog-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.blogfullbliss.com/Softblue-Template-Tutorial">Softblue Template Tutorial</a> (Hafif mavi şablon dersi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/soft-blue-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://templatetuts.com/2009/07/design-a-dark-contrasted-layout-in-photoshop/">Design a Dark, Contrasted Layout in Photoshop</a> (Photoshop'da koyu, kontrast şablon tasarımı)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/futuro-wordpress-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://hv-designs.co.uk/2009/07/31/portfolio-layout-11/">Portfolio Layout #11</a> (Portföy şablonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/your-portfolio-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-design-a-space-futuristic-gallery-layout-in-photoshop/">How to Design a Space Futuristic Gallery Layout in Photoshop</a> (Photoshop'da gelecekçi uzay galerisi şablonu nasıl tasarlanır?)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/image-gallery-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>20. <a href="http://hv-designs.co.uk/2009/07/21/software-layout-4/">Software Layout #4</a> (Yazılım şablonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/your-software-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>21. <a href="http://hv-designs.co.uk/2009/07/06/web-design-layout-10/">Web Design Layout #10</a> (Web Tasarım Şablonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/your-site-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>22. <a href="http://psdvibe.com/2009/07/07/create-a-webdesign-company-layout-in-photoshop/">Create a webdesign company layout in Photoshop</a> (Photoshop'da web tasarım şirketi şablonu oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/websites-that-rocks-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>23. <a href="http://smashingpoint.com/clean-business-layout-tutorial.html">Clean Business Layout Tutorial</a> (Temiz iş şablonu dersi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/clean-business-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>24. <a href="http://webtint.net/webnews/make-a-nice-corporate-website-for-a-product/">Make a nice corporate website for a product</a> (Bir ürün için güzel bir kurumsal website yapmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/webtint-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p>25. <a href="http://www.psdburn.com/2009/07/create-a-portfolio-layout-with-wooden-background-in-photoshop/">Create a Portfolio Layout with Wooden Background in Photoshop</a> (Photoshop'da ahşap arkaplan ile portföy şablonu oluşturmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/wood-portfolio-photoshop-web-layout-tutorial.jpg' alt="\"\"" border="0"><br></div> <p><strong>yazının devamı için <a href="http://www.1stwebdesigner.com/tutorials/90-new-and-high-quality-photoshop-web-layout-tutorials/">buraya</a> tıklayın.</strong></p> <p>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-etkili-basliklar">Web Tasarımında Etkili Başlıklar</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50">Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-20-mukemmel">Web Tasarımcılar İçin 20 Mükemmel Eğitim Sitesi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/en-iyi-5-web-tasarim">En iyi 5 web tasarım aracı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimi-olusturmak-icin-16">Web Tasarımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-ucretsiz-ve-1">Web Tasarımcılar İçin Ücretsiz ve Açık Kaynak 40 Windows Programı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-gayet-faydali">Web Tasarımcılar İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci">25 Önemli Web Tasarım Aracı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimi-ve-gelistiricileri-icin-1">Web Tasarımı ve Geliştiricileri İçin 15 Faydalı CSS Forum</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-mukemmel">Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-25-grafikli">Web Tasarımcılar İçin 25+ Grafikli Bilgi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-en-iyi">Web tasarımcıları için en iyi 22 başlangıç kiti</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://www.1stwebdesigner.com/tutorials/90-new-and-high-quality-photoshop-web-layout-tutorials/">1stwebdesigner.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/90-yeni-ve-yuksek-kaliteli ">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, 17 Aug 2009 16:46:00 GMT 219494@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/90-yeni-ve-yuksek-kaliteli Ludwiq <p><a href="http://www.bildirgec.org/ara/jquery">Jquery</a>'nin her geçen gün daha fazla popüler olması ile ses, kaliteli eklentiler ve <a href="http://www.bildirgec.org/ara/dersler">dersler</a> geliştiriciler için çok faydalı olmaktadır. İçerik sürgüsü (<a href="http://www.bildirgec.org/ara/content%20slider">content slider</a>) web sayfa veya blogunuzda küçük bir alan içerisinde içeriğinizi göstermek için harika bir çözümdür. Popüler web sitelerinde çeşitli içerik <a href="http://www.bildirgec.org/ara/slider">sürgü</a>leri yer almaktadır.</p> <p>Eğer sizde content slider ile ilgileniyorsanız bu yazı çok faydalı olacaktır.</p> 1. <strong>jFlow</strong> <ul> <li><a href="http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/">Resmi Website</a> | <a href="http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jflow.jpg' alt="\"\"" border="0"><br></div> <p>Çok düzgün fotoğraf sürgüsü.</p> 2. <strong>Create Featured Content Slider Using jQuery UI</strong> <ul> <li><a href="http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/">Resmi Website</a> | <a href="http://demo.webdeveloperplus.com/featured-content-slider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/featured-content-slider-using-jquery-ui.jpg' alt="\"\"" border="0"><br></div> <p>Web sayfanızda en iyi içerikleri göstermek için kullanabileceğiniz bir uygulama.</p> <p><!-- buradan kes --></p> 3. <strong>Create Beautiful jQuery sliders tutorial</strong> <ul> <li><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html">Resmi Website</a> | <a href="http://dreamcss.comli.com/jquery sliders/">Demo</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jquery-sliders.jpg' alt="\"\"" border="0"><br></div> <p>Bu eğitici derste ise güzel bir jquery sürgüsünün nasıl oluşturulduğu anlatılmaktadır.</p> 4. <strong>A Basic Content Slider With jQuery</strong> <ul> <li><a href="http://www.brenelz.com/blog/2009/03/31/build-a-content-slider-with-jquery/">Resmi Website</a> | <a href="http://ennuidesign.com/demo/contentslider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/content-slider.jpg' alt="\"\"" border="0"><br></div> <p>Jquery kullanarak basit bir içerik sürgüsü oluşturmak.</p> 5. <strong>JC Play List</strong> <ul> <li><a href="http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/">Resmi Website</a> | <a href="http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jc-play-list.jpg' alt="\"\"" border="0"><br></div> <p>Ücretsiz ve kolay bir kullanıma sahip bir uygulamadır.</p> 6. <strong>Easy Slider</strong> <ul> <li><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding">Resmi Website</a> | <a href="http://cssglobe.com/lab/easyslider1.5/04.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/easy-slider-jquery-plugin.jpg' alt="\"\"" border="0"><br></div> <p>Yatay ve dikey olarak görebilirsiniz.</p> 7. <strong>jqGalScroll</strong> <ul> <li><a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jqgalscroll.jpg' alt="\"\"" border="0"><br></div> <p>Dikey, yatay ve çapraz kaydırma oluşturur.</p> 8. <strong>Image Gallery</strong> <ul> <li><a href="http://enhance.qd-creative.co.uk/2008/07/12/an-image-gallery/">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/my-first-gallery.jpg' alt="\"\"" border="0"><br></div> <p>Basit bir resim galerisidir.</p> 9. <strong>Making a Content Slider with jQuery UI</strong> <ul> <li><a href="http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/">Resmi Website</a> | <a href="http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/making-a-content-slider-with-jquery-ui1.jpg' alt="\"\"" border="0"><br></div> <p>Dan Wellman tarafından adım adım anlatılmış güzel bir ders.</p> 10. <strong>Creating a Slick Auto-Playing Featured Content Slider</strong> <ul> <li><a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Resmi Website</a> | <a href="http://css-tricks.com/examples/FeaturedContentSlider/">Demo</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/screenshot00578.jpg' alt="\"\"" border="0"><br></div> <p>Chris Coyier tarafından yazılmış bu ders Coda Slider tabanlıdır.</p> 11. <strong>slideViewer</strong> <ul> <li><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">Resmi Website</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jquery-slideviewer.jpg' alt="\"\"" border="0"><br></div> <p>Sadece birkaç satır ile bir resim galerisi oluşturmanıza olanak sağlar.</p> 12. <strong>Start/Stop Slider</strong> <ul> <li><a href="http://css-tricks.com/startstop-slider/">Resmi Website</a> | <a href="http://css-tricks.com/examples/StartStopSlider">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/start-stop-slider1.jpg' alt="\"\"" border="0"><br></div> 13. <strong>A Minimalist jQuery Plugin</strong> <ul> <li><a href="http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/">Resmi Website</a> | <a href="http://demo.webdesignbooth.com/content-slider/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/jflow-a-minimalist.jpg' alt="\"\"" border="0"><br></div> <p>Basit bir şekilde içerik sürgüsü oluşturmayı açıklamaktadır.</p> 14. <strong>BarackSlideshow</strong> <ul> <li><a href="http://devthought.com/projects/mootools/barackslideshow/">Resmi Website</a> | <a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Demo/">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/barackslideshow.jpg' alt="\"\"" border="0"><br></div> <p>Çok küçük ve hafif bir uygulamadır.</p> 15. <strong>Wordpress Theme using JQuery s3Slider</strong> <ul> <li><a href="http://www.tobacamp.com/tutorial/creating-featured-slider-in-wordpress-theme-using-jquery-s3slider/">Resmi Website</a> | <a href="http://www.serie3.info/s3slider/demonstration.html">Test</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/s3-slider.jpg' alt="\"\"" border="0"><br></div> <p>JQuery s3Slider kullanarak wordpress temasında içerik sürgüsü oluşturmak.</p> <p>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/jquery-oyunlari-hafiza-tetris-bulmaca">Jquery Oyunları - Hafıza, Tetris, Bulmaca, Kağıt...</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/7-ilginc-jquery-takvim-eklentisi">7 İlginç Jquery Takvim Eklentisi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/tasarimcilar-icin-faydali-28-jquery">Tasarımcılar İçin Faydalı 28 Jquery Eklentisi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/flash-gibi-jquery-menu">Flash Gibi Jquery Menü</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/sitenize-eklemeniz-icin-5-jquery">Sitenize Eklemeniz İçin 5 Jquery ve Ajax Sosyal İmleme Widget Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-gelistiricileri-icin-8-jquery">Web Geliştiricileri İçin 8 Jquery ve ve Ajax Tabanlı Etiket Bulutu Yapımı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/15-mukemmel-jquery-navigasyon-teknigi">15 Mükemmel Jquery Navigasyon Tekniği ve Çözümü</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html">visionwidget.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-jquery-slider-icin-en ">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> Wed, 12 Aug 2009 14:48:00 GMT 219140@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-jquery-slider-icin-en Ludwiq <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/Ludwiq">Ludwiq</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 205675@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider Ludwiq <p>Şüphesiz, Photoshop'un tasarımcılar için sunmuş olduğu birçok nimet var. Bu nimetleri kullanmakta tabii ki biz tasarımcılara düşüyor. Herkes profesyonellik adına birşeyler tasarlarken bizler niçin yerimizde oturalım? İşte sizi Photosop'ta profesyonelleştirecek 15 hakiki efekt.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/1.jpg' alt="\"\"" border="0"><br></div><br><a href="http://theartofmypetskeleton.com/2008/11/pinhole-photo-tutorial-in-photoshop-6.html">İğne Deliği Fotoğrafçılık</a> - Biraz sepya, biraz blur efektiyle fotoğraflarınızı iğne deliğinden bakılıyormuşçasına değiştirin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/2.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.photoshopsupport.com/tutorials/or/cross-processing.html">Çapraz İşlem</a> - Renkleri karıştırın, film afişlerinden bir farkı kalmasın.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/3.jpg' alt="\"\"" border="0"><br></div><br><a href="http://photoshopfrenzy.com/?p=94">Sokak Fotoğrafçılığı</a> - Tertemiz bir yüzü, dramatik bir hale nasıl getirebilirsiniz? <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/4.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.photoshopessentials.com/photo-effects/split-toning/">Split Tonlama</a> - Evinizin 50 yıl önceki halini görmek ister misiniz?<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/5.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/retouching_rock_photography">Rock Fotoğrafçılığı</a> - Gitar ve kıyafetler tamam, sıra efekt vermede.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/6.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.flickr.com/groups/strobist/discuss/72157594577686705/">The Dave Hill Look</a> - Dave Hill'den benzersiz bir efekt!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/7.jpg' alt="\"\"" border="0"><br></div><br><a href="http://digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography">Lomo Fotoğrafçılığı</a> -Fotoğraflarınıza 90'lı yılların icadı Lomografi efektini ekleyin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/8.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.photoshopessentials.com/photo-effects/infrared-photo/">Kızılötesi Fotoğrafçılık</a> - Fotoğraflarınıza rüya hissi verin<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/9.jpg' alt="\"\"" border="0"><br></div><br><a href="http://pshero.com/archives/the-velvia-effect">Velvia Efekti</a> - Manzara fotoğraflarınızı canlandırın.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/10.jpg' alt="\"\"" border="0"><br></div><br><a href="http://pshero.com/archives/dark-grunge-photo-effect">Karanlık Grunge Efekti</a> - Fotoğraf renklerini sessizleştirin!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/11.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.nill.cz/index.php?set=tu1">HDR Fotoğrafçılık</a> - Fotoğraflarınızda HDR'ın kalitesini yaşayın<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/12.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.photoshoptalent.com/photoshop-tutorials/pst/500/Blue-glow-dreamy-portrait.html">Yumuşak Odak Fotoğrafçılık</a> - Belirli yumuşak odaklama özelliği ile rüya biçiminde bir efekt verin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/13.jpg' alt="\"\"" border="0"><br></div><br><a href="http://ebin.wordpress.com/2007/03/21/how-to-turn-your-photo-into-movie-like-effect-using-photoshop/">Film Foto Efekti </a>- Hani korku filmlerinde ürkütücü ekran renkleri olur ya...<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/14-2.jpg' alt="\"\"" border="0"><br></div><br><a href="http://veerle.duoh.com/blog/comments/photoshop_vintage_effect/">Vintage Foto Efekti</a> - Hayallerinizi resme dökün<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AlperBlog/15.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.tiltshiftphotography.net/photoshop-tutorial.php">Tilt Shift Fotoğrafçılığı</a> - Şu günlerde oldukça popüler bir efekt.<p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/15-otantik-fotograf-efekti ">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, 09 Mar 2009 10:00:00 GMT 200328@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/15-otantik-fotograf-efekti Ludwiq <p>CSS'yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.</p> <p><strong>1. CSS Sekmeler ve Navigasyon</strong></p> <p><strong><a href="http://www.xhtmlvalid.com/blog/2008/03/11/expandable-css-tabs-tutorial/">1.1. Genişleyebilen CSS Sekmeleri Dersi</a></strong><br>Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-01.jpg' alt="\"\"" border="0"><br></div> <p><strong>1.2. <a href="http://www.webdesignerwall.com/tutorials/advanced-css-menu/">Gelişmiş CSS Menüsü</a></strong><br>Bu rehberde Photoshop'taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS'nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-02.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong>1.3. <a href="http://www.nundroo.com/navigation/">CSS Tabanlı Navigasyon</a></strong><br>Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-03.jpg' alt="\"\"" border="0"><br></div> <p><strong>1.4. <a href="http://www.nundroo.com/navigation/">Şık CSS Menüsü</a></strong><br>Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. <a href="http://www.bildirgec.org/etiket/mootools/">Mootools</a> kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-04.jpg' alt="\"\"" border="0"><br></div> <p><strong>1.5. <a href="http://www.alistapart.com/articles/slidingdoors2/">Kayan Kapılar</a></strong><br>CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-05.jpg' alt="\"\"" border="0"><br></div> <p><strong>1.6. <a href="http://www.sohtanaka.com/web-design/css-vertical-navigation-with-teaser/">Tanıtım Metni İçeren CSS Dikey Navigasyon</a></strong><br>Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-06.jpg' alt="\"\"" border="0"><br></div> <p><strong>1.7. <a href="http://shapeshed.com/journal/overlapping_tabbed_navigation_in_css/">CSS'de Sekmeli İçeriğin Üzerine Bindirme</a></strong><br>Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-07.jpg' alt="\"\"" border="0"><br></div> <p><strong>2. CSS İle Yuvarlatılmış Köşeler</strong></p> <p><strong>2.1. <a href="http://www.vertexwerks.com/tests/sidebox/">Box - Hepsi İçin Yuvarlatılmış Köşeler</a></strong><br>Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-08.jpg' alt="\"\"" border="0"><br></div> <p><strong>2.2. <a href="http://kalsey.com/2003/07/rounded_corners_in_css/">CSS'de Yuvarlatılmış Köşeler</a></strong><br>CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.</p> <p><strong><i>pinkfloyd'un notu</i></strong>: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak <strong>yanlıştır</strong>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-09.jpg' alt="\"\"" border="0"><br></div> <p><strong>3. CSS Fotoğraf Galerisi</strong></p> <p><strong>3.1. <a href="http://sonspring.com/journal/hoverbox-image-gallery">Hoverbox Görsel Galerisi</a></strong><br>Efekt için anchor bağlantısı kullanılmış zira IE'de <i>:hover</i> ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-10.jpg' alt="\"\"" border="0"><br></div> <p><strong>3.2. <a href="http://www.cssplay.co.uk/menu/lightbox.html#Portraits">Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi</a></strong><br><a href="http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/">Suckerfish HoverLightbox</a>'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.</p> <p>Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-11.jpg' alt="\"\"" border="0"><br></div> <p><strong>3.3. <a href="http://www.cssplay.co.uk/menu/gallery3l">Kayan Fotoğraf Galerileri</a></strong><br>Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-12.jpg' alt="\"\"" border="0"><br></div> <p><strong>4. CSS Gölgeler</strong></p> <strong>4.1. <a href="http://www.alistapart.com/articles/cssdrop2/">CSS Gölge Efekleri: Fuzzy Shadows</a></strong><br>Bu makalede: <ul> <li>IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,</li> <li>IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,</li> <li>Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-13.jpg' alt="\"\"" border="0"><br></div> <p><strong>4.2. <a href="http://web-graphics.com/mtarchive/001589.php">CSS Gölgeler</a></strong><br>Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-14.jpg' alt="\"\"" border="0"><br></div> <p><strong>5. Diğer CSS İpuçları ve Hileleri</strong></p> <p><strong>5.1. <a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/">IE Çift Yüzen Marj Hatası</a></strong><br>Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan css "hilelerinden" birisi de budur. eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: ie6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. ne şans ki ie6'nın bu hatasını gidermek çok basit.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-15.jpg' alt="\"\"" border="0"><br></div> <p><strong>5.2. <a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/">CSS Çapraz Tarayıcı Saydamlığı</a></strong><br>İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-16.jpg' alt="\"\"" border="0"><br></div> <p><strong>5.3. <a href="http://icant.co.uk/sandbox/footercollapsetables/">Kapanır Tablolar: Bir Örnek</a></strong><br>Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-17.jpg' alt="\"\"" border="0"><br></div> <p><strong>5.4. <a href="http://snook.ca/archives/html_and_css/content_overlay_css/">CSS İle İçerik Üzerine İçerik</a></strong><br>Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-18.jpg' alt="\"\"" border="0"><br></div> <p><strong>5.5. <a href="http://www.deltatangobravo.com/archive/2004/september/zoomzoomzoom">CSS Yakınlaştırma</a></strong><br>Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-19.jpg' alt="\"\"" border="0"><br></div> <p><strong>5.6. <a href="http://www.sohtanaka.com/web-design/css-on-hover-image-captions/">CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları</a></strong><br>Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/38-20.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Kaynak:</strong> <a href="http://dwsmg.com/20-ultimate-css-tutorials.html">DWS mg</a></li> </ul> <strong>CSS Üzerine Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin">Daha Hızlı Şablon Oluşturabilmek İçin Kullanılabilecek 9 CSS Çatısı</a></li> <li><a href="http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi">Öğrenilmesi Gereken 15 CSS Hilesi</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kullanisli-12">Web Tasarımcıları İçin Kullanışlı 12 CSS Framework'ü, Şablonu ve Kod Sitesi</a></li> <li><a href="http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken">Her Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği</a></li> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">Modern CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu">Sadece CSS İle Oluşturulmuş Animasyonlu İlerleme Çubuğu (Progress Bar)</li> <li><a href="http://www.bildirgec.org/yazi/pixelleri-emlere-kolayca-donusturun">Pixelleri Emlere Kolayca Dönüştürün</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">jQuery'siz, mooTools'suz Basit Sekmeli İçerik Oluşturalım</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">SenCSs: Layout Dışındaki Herşey İçin CSS Framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/css-de-uzman-olmanizi-saglayacak ">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, 14 Feb 2009 15:25:00 GMT 197126@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/css-de-uzman-olmanizi-saglayacak Ludwiq <p>İş yerinde sıkıldığınızda, nostalji yapmak için ya da sadece sanat için Kağıt Katlama Sanatı ile uğraşabilirsiniz. Yetişkinler için zaman geçirmek için ideal bir araç, çocukların gelişimi için oldukça önemli olabileceği söyleniyor. <a href="http://www.makeuseof.com/tag/4-great-papercraft-websites-to-waste-time/">İlgili yazıda</a> bu konu ile ilgili rehber olabilecek en iyi 4 siteden bahsediliyor. Sadece <a href="http://www.bildirgec.org/yazi/origami-ogrenmek-isteyenler-icin">origami </a> değil güncel oyun ve film kahramanlarını da kağıttan yapabilecekmişiz. <br><strong><br><a href="http://pem.org/origami/">1. Popular Origami</a></strong><br>Origami kağıt katlama sanatının Japonya şubesi. Yüzlerce yıllık bir tarihi var uzaklaşmaya hiç niyeti yok. Japonlar anaokulundan başlayan bir origami eğitimi alıyorlar.<br>Origamide bir ya da daha fazla kare kağıt kullanılarak <strong>katlama </strong> yapılabiliyor; ancak sonuçlar gerçekten sınırsız..<br>Michael LaFosse'in <a href="http://pem.org/origami/">web sitesi</a> 14 farklı şeklin nasıl yapılacağını adım adım video ile anlatıyor. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/origamigi8.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --><br><strong><br><a href="http://www.cubeecraft.com/">2. Cubeecraft</a></strong><br>Resimdeki figürleri hatırlıyor musunuz ? Cubeecraft'a merhaba deyin. Cubeecraft tonlarca bloklardan oluşan figürler sunar. Size sadece kağıt şablonları oluşturup, boyayıp, birleştirmeniz kalır. Yapıştırıcaya ihtiyacınız yok !<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/cubeecraftjs4.jpg' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://readymech.com/">3. Readymech</a></strong><br>Burada ise sadece özgün figürleri bulabilirsiniz. Bunları yapabilmek için yapıştırıcı ve printer'a da ihtiyacınız olacak.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/readymechkp8.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.creativecloseup.com/100-exceptional-free-paper-models-and-toys">4. Gelişmiş 100 Model</a></strong><br>"100 Olağanüstü Ücretsiz Kağıt Model ve Oyuncaklar" adlı bu liste gerçekten harika. Burada bugüne dek görmediğiniz derecede gelişmiş modeller görebileceksiniz. 5-6 şablonu yapıştırmak yerine yepyeni sıfırdan detaylı modeller oluşturacaksınız. <strong>Motosikletler, tanklar, eski tip oyuncaklar ve dahası..</strong><br>Klasik şablonlardan sıkılanlar ve kendini geliştirmek isteyenler için <a href="http://www.creativecloseup.com/100-exceptional-free-paper-models-and-toys">burası </a>müthiş bir kaynak..</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/exceptionalpapercs0.jpg' alt="\"\"" border="0"><br></div><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/zaman-gecirmek-icin-4-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> Wed, 19 Nov 2008 08:28:00 GMT 183824@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/zaman-gecirmek-icin-4-harika Ludwiq <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/vector.PNG' alt="\"\"" border="0"><br></div> <p>Bir <a href="etiket/tasarım">tasarım</a>cı için her daim elinin altında bulunması gereken malzemelerden biri de vektör <a href="etiket/grafik">grafik</a>lerdir.. <a href="etiket/vektör">vektör</a>el paylaşımlarıyla dikkatleri çeken <a href="http://vectortuts.com">vectortuts</a> adlı sitenin hazırladığı bir çalışmayı sizlerle paylaşacağım.</p> <p><a href="http://gomedia.us/arsenal/freestuff.php">GoMedia Vector Pack</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/vectorsample-prev.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --><br><a href="http://www.designious.com/free/cat_11.html">Designious Vintage Mega Pack</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/designious-com-samples.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.vecteezy.com/vf/588-Free-Vector-Arrows-Engulf-with-Arrows">10 ücretsiz Vektörel oklar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/engulf-with-arrows-by-chemi1.gif' alt="\"\"" border="0"><br></div> <p><a href="http://www.vecteezy.com/vf/582-BySkell-Free-Samples">BySkell ücretsiz örnekleri</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/byskell-thumb.gif' alt="\"\"" border="0"><br></div> <p><a href="http://qvectors.com/nature/china-dream/">Çin rüyası</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/chinese1-floral-vector-preview.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://dezignus.com/vector-eectronic-devices/">Vektörel elektronik araçlar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/vector-electronic-devices.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://dezignus.com/vector-sport/">sportif vektörler</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/vector-sport-2.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://qvectors.com/nature/ecology-vector/">ekolojik vektörler</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/eco3-vector-preview.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://dezignus.com/design-elements-corner-vector/">tasarımlarınız için köşelikler </a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/floral-design-elements.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.snap2objects.com/2008/04/25/12-free-vector-businessman-silhouettes/">işadamı siluetleri</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/business-man-pack021.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.vecteezy.com/vf/400-UK-Vectors">ingiltere vektörleri</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/engvecteezy.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.vecteezy.com/vf/369-BACKGROUND-Color-Harmony">uyumlu arkaplan renkleri</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/abstract.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.vecteezy.com/vf/339-Ornaments">aksesuarlar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/thumb-2.jpg' alt="\"\"" border="0"><br></div> <p>liste gerçekten çok uzun, devamını <a href="http://vectortuts.com/articles/web-roundups/60-free-vector-graphics-for-digital-art-pros/">şuradan</a> takip edebilirsiniz.</p> <p>ilgili diğer bildiriler;</p> <ul> <li><a href="http://www.bildirgec.org/yazi/100-ucretsiz-psd-dosyasi">100+ ücretsiz PSD dosyası</a></li> <li><a href="http://www.bildirgec.org/yazi/30-adet-yuksek-kalitede-psd">30 adet yüksek kalitede .PSD formatlı kaynak (1.bölüm)</a></li> <li><a href="http://www.bildirgec.org/yazi/30-adet-yuksek-kalitede-psd-1">30 adet yüksek kalitede .PSD formatlı kaynak (2.bölüm)</a></li> <li><a href="http://www.bildirgec.org/yazi/70-adet-ucretsiz-defter-yapragi">70 adet ücretsiz defter yaprağı (yüksek kalite)</a></li> <li><a href="http://www.bildirgec.org/yazi/photoshop-fircalar-ve-vektorlerden-olusan">photoshop fırçalar ve vektörlerden oluşan 64 adet set</a></li> <li><a href="http://www.bildirgec.org/yazi/logolari-psd-olarak-indir-hemde">Logoları psd olarak indir, hemde ücretsiz!</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Ludwiq">Ludwiq</a> tarafından <a href=" http://www.bildirgec.org/yazi/60-adet-ucretsiz-vektor-grafik ">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, 10 Nov 2008 16:34:00 GMT 182468@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/60-adet-ucretsiz-vektor-grafik