<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - Zapotec - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - Zapotec - be&#287;endikleri</description>
    <item>
      <title>Sitenizin SEO Skorunu Hesaplay&#305;n</title>
      <author>Zapotec</author>
      <description>&lt;p&gt;&lt;a href="http://www.websitegrader.com/"&gt;&#350;uras&#305;&lt;/a&gt; sitenizin SEO skorunu hesapl&#305;yor ve size bir puan veriyor. peki bu puan nas&#305;l hesaplan&#305;yor? site &lt;a href="http://www.google.com.tr/"&gt;google&lt;/a&gt; pagerank,&lt;a href="http://www.alexa.com/"&gt;alexa&lt;/a&gt; rank,&lt;a href="http://www.technorati.com/"&gt;technorati&lt;/a&gt; rank,yahoo ve google'da di&#287;er sitelerden verilen linklere ve google'da indekslenmi&#351; sayfa say&#305;s&#305;na bakarak sonucu ortaya &#231;&#305;kar&#305;yor. Ayr&#305;ca ba&#351;ka bir site ile kar&#351;&#305;la&#351;t&#305;rma yapabiliyorsunuz.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Zapotec"&gt;Zapotec&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/sitenizin-seo-skorunu-hesaplayin "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Mon, 09 Jul 2007 08:27:00 GMT</pubDate>
      <guid isPermaLink="false">198953@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/sitenizin-seo-skorunu-hesaplayin</link>
    </item>
    <item>
      <title>T&#252;rk Piramitleri</title>
      <author>Zapotec</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Max27/image035bp1ir0.jpg' alt="piramit" border="0"&gt;&lt;br&gt;piramit&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.google.com"&gt;Google&lt;/a&gt;'de bir anda kar&#351;&#305;ma &#231;&#305;kan bu bilgi beni olduk&#231;a &#351;a&#351;&#305;rtt&#305; ve do&#287;al olarak biraz da heycanland&#305;rd&#305;. Bu heyecan ve &#351;a&#351;k&#305;nl&#305;&#287;&#305;m gectikten sonra biraz ara&#351;t&#305;rmaya ba&#351;lad&#305;m ve bu bilgileri sizinle payla&#351;mak istedim.

	&lt;p&gt;&#199;in s&#305;n&#305;rlar&#305; i&#231;inde bulunan bu &lt;a href="http://www.bildirgec.org/yazi/cin-deki-piramitler"&gt;piramitleri&lt;/a&gt; T&#252;rkler'in yapt&#305;&#287;&#305; tahmin edilmekteymi&#351; ve bu, bat&#305;l&#305;lar taraf&#305;ndan gizlenip inkar edilmeye &#231;al&#305;&#351;&#305;l&#305;yormu&#351;. Ama durum daha fazla gizlenememi&#351; ve as&#305;l ilgin&#231; olan ise &lt;a href="http://www.bildirgec.org/yazi/misir-piramitlerinin-gizemi"&gt;M&#305;s&#305;r&lt;/a&gt;'daki piramitlerden daha eski oldu&#287;uymu&#351; ki bu do&#287;ruysa M&#305;s&#305;rl&#305;lar&#305;n piramit in&#351;aat etmesini eski T&#252;rk medeniyetlerinden &#246;&#287;renmi&#351; olma olas&#305;l&#305;&#287;&#305; ortaya &#231;&#305;k&#305;yor.&lt;/p&gt;


	&lt;p&gt;M&#305;s&#305;r'daki en eski ve &lt;a href="http://tr.wikipedia.org/wiki/Keops_Piramiti"&gt;Keops Piramiti'nden&lt;/a&gt; (168 metre) yakla&#351;&#305;k iki kat b&#252;y&#252;k T&#252;rk piramiti dedi&#287;imiz piramitlerden bir tanesine "&lt;a href="http://www.3harf.com/beyaz+piramit"&gt;BEYAZ P&#304;RAM&#304;T&lt;/a&gt;" deniyormu&#351; ve 300 metre y&#252;ksekli&#287;indeymi&#351;. &#350;u anki &lt;a href="http://tr.wikipedia.org/wiki/%C3%87in_Halk_Cumhuriyeti"&gt;&#199;in Halk Cumhuriyeti&lt;/a&gt; s&#305;n&#305;rlar&#305; i&#231;erisinde bulunan, &lt;a href="http://www.cindeegitim.com/index.php?page=Xian_sehir"&gt;Xian&lt;/a&gt; &#351;ehrine 100 km uzakl&#305;kta, Qin Ling Shan da&#287;lar&#305;nda T&#252;rkler taraf&#305;ndan yap&#305;ld&#305;&#287;&#305; d&#252;&#351;&#252;n&#252;len irili ufakl&#305; yakla&#351;&#305;k 100 piramit varm&#305;&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Max27/turkpirami01a.JPG' alt="U&#231;a&#287;&#305;n &#199;ekmi&#351; Oldu&#287;u Foto&#287;raf" border="0"&gt;&lt;br&gt;U&#231;a&#287;&#305;n &#199;ekmi&#351; Oldu&#287;u Foto&#287;raf&lt;/div&gt;

	&lt;p&gt;Beyaz Piramit'in ikinci d&#252;nya sava&#351;&#305;nda &#199;in'e yard&#305;m malzemesi ta&#351;&#305;yan bir &lt;a href="http://www.tayyareci.com/amerikanucak/postww2/c54.asp"&gt;C-54 u&#231;a&#287;&#305;&lt;/a&gt; taraf&#305;ndan &#231;ekilen g&#246;r&#252;nt&#252;s&#252; ilk defa 1957 y&#305;l&#305;nda Life dergisinde yay&#305;nlanm&#305;&#351;. Piramitleri ara&#351;t&#305;rmak &#252;zere 1994 y&#305;l&#305;nda b&#246;lgeye giden&lt;br&gt;&lt;a href="http://tr.wikipedia.org/wiki/Almanya"&gt;Alman&lt;/a&gt; bilim adam&#305; Hartwig Hausdof kendi koleksiyonundan birka&#231; resmin halka a&#231;&#305;lmas&#305;na izin vermi&#351;. Asl&#305;nda bu s&#246;zler Alman bilim adam&#305;n&#305;n da bu bilgiyi gizlemeye &#231;al&#305;&#351;t&#305;&#287;&#305;n&#305; g&#246;stermektedir.&lt;/p&gt;


	&lt;p&gt;&#199;o&#287;u T&#252;rk ara&#351;t&#305;rmac&#305; yazarlar&#305; bu piramitlerin T&#252;rkler taraf&#305;ndan yap&#305;ld&#305;&#287;&#305;na emin gibidirler. &#199;inliler piramitlerin bulundu&#287;u alan&#305; yasak b&#246;lge ilan etmi&#351;lerdir. Bu nedenle Piramitler i&#231;erisinde bulunan M&#305;s&#305;r medeniyetinden &#231;ok daha ileri bir teknikle mumyalanm&#305;&#351; olan cesetler ve &#214;n-T&#252;rk&#231;e yaz&#305;tlar &#252;zerinde ara&#351;t&#305;rma yap&#305;lamamaktad&#305;r.&lt;/p&gt;


	&lt;p&gt;T&#252;rk Bilim adam&#305; &lt;a href="http://www.bilgicik.com/tag/kazim-mirsan-kimdir/"&gt;Kaz&#305;m M&#304;R&#350;AN&lt;/a&gt; yapt&#305;&#287;&#305; ara&#351;t&#305;rmalarda &#214;n-T&#252;rk uygarl&#305;klar&#305; taraf&#305;ndan OT-O&#286; olarak isimlendirilen &#214;n-M&#305;s&#305;r'a M.&#214; 3000 y&#305;llar&#305;nda Do&#287;u Anadolu'dan Isub-&#214;g yaz&#305;s&#305;n&#305;n gitti&#287;ini tespit etmi&#351;tir. Kaz&#305;m M&#304;R&#350;AN'&#305;n bug&#252;ne kadar anlam&#305; &#231;&#246;z&#252;lemeyen 184 adet m&#305;s&#305;r &lt;a href="http://www.bildirgec.org/etiket/hiyeroglif"&gt;hiyeroglifini&lt;/a&gt; &lt;a href="http://tr.wikipedia.org/wiki/%C3%96n_T%C3%BCrk%C3%A7e"&gt;&#214;n-T&#252;rk&#231;e&lt;/a&gt; olarak okumu&#351; oldu&#287;u ve &lt;a href="http://www.hafif.org/etiket/mumya/tumu"&gt;mumyalama&lt;/a&gt; tekniklerinin yine M.&#214;. 3000'li y&#305;llarda &lt;a href="http://tr.wikipedia.org/wiki/Altaylar"&gt;Altaylarda&lt;/a&gt; geli&#351;tirildi&#287;i d&#252;&#351;&#252;n&#252;l&#252;rse Piramit in&#351;a teknolojisinin &lt;a href="http://www.bildirgec.org/yazi/eski-misir-hiyerogliflerindeki-helikopter"&gt;Eski M&#305;s&#305;r&lt;/a&gt;'a &lt;a href="http://www.hafif.org/etiket/%C3%B6nt%C3%BCrkler"&gt;&#214;n-T&#252;rk&lt;/a&gt; Uygarl&#305;klar&#305; taraf&#305;ndan &#246;&#287;retildi&#287;i sonucuna ula&#351;&#305;lmakta demektir.&lt;/p&gt;


	&lt;p&gt;&#350;u an &#199;inli yetkililer b&#246;lgeyi inceletmiyormu&#351;; yasak b&#246;lge ilan etmi&#351;ler ve piramitlerin &#252;st&#252; toprakla kapanm&#305;&#351;. bu topra&#287;&#305;n &#252;st&#252;ne de yaz k&#305;&#351; ye&#351;il kalan a&#287;a&#231;lar dikilmi&#351;. dikilmi&#351; diyorum &#231;&#252;nk&#252; a&#287;a&#231;lar &#231;ok d&#252;zg&#252;n bir hizada ve daha tam b&#252;y&#252;memi&#351;ler. Bu &#231;inlilerin o b&#246;lgeyi gizlemeye &#231;al&#305;&#351;t&#305;klar&#305;n&#305;n kan&#305;t&#305; olarak g&#246;sterilebilir. Herhalde &#304;leride &#252;st&#252; orman olan k&#252;&#231;&#252;k bir tepe g&#246;r&#252;nt&#252;s&#252; alarak kimse taraf&#305;ndan fark edilmeyecektir diye d&#252;&#351;&#252;nm&#252;&#351;lerdir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Max27/turkpirami02a.JPG' alt="A&#287;a&#231;land&#305;r&#305;lma Yap&#305;lm&#305;&#351; Biramit" border="0"&gt;&lt;br&gt;A&#287;a&#231;land&#305;r&#305;lma Yap&#305;lm&#305;&#351; piramit&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://tr.wikipedia.org/wiki/II._D%C3%BCnya_Sava%C5%9F%C4%B1"&gt;&#304;kinci D&#252;nya sava&#351;&#305;ndan&lt;/a&gt; bu zamana kadar piramit&lt;br&gt;incelenmemi&#351;, incelenmedi&#287;i gibi de korunup temizlenmemi&#351;tir. Hatta piramitin yan&#305;na gitmeye &#231;al&#305;&#351;an bilim adamlar&#305; piramite yakla&#351;t&#305;r&#305;lmam&#305;&#351;. Ama piramitin yan&#305;nda tar&#305;m yap&#305;lmaya izin verilmi&#351;tir. Bu g&#246;r&#252;nt&#252;ler asl&#305;nda her &#351;eyi a&#231;&#305;kl&#305;yor; piramitlerin yok olup gitmesi i&#231;in &#231;al&#305;&#351;&#305;l&#305;yor gibiler.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Max27/turkpirami04.JPG' alt="Piramitin yan&#305;nda tarim yap&#305;l&#305;yor." border="0"&gt;&lt;br&gt;Piramitin yan&#305;nda tar&#305;m yap&#305;l&#305;yor.&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Max27/turkpirami03a.JPG' alt="Uydu G&#246;r&#252;nt&#252;s&#252;" border="0"&gt;&lt;br&gt;B&#246;lgenin uydu g&#246;r&#252;nt&#252;s&#252;&lt;/div&gt;

	&lt;p&gt;Umar&#305;m daha ge&#231; olmadan ileride gerekli ara&#351;t&#305;rmalar yap&#305;l&#305;r.&lt;/p&gt;


	&lt;p&gt;Konu hakk&#305;nda videoyu &lt;a href="http://www.vidivodo.com/187534/turk-piramitleri"&gt;buradan&lt;/a&gt; izliye bilirsiniz.&lt;br&gt;Ba&#351;ka bir sitedeki yaz&#305;y&#305; da &lt;a href="http://www.turkdirlik.com/Bilgimece/Turkoloji/Kultur/MKilic0023.htm"&gt;buradan&lt;/a&gt; okuyabilirsiniz.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Zapotec"&gt;Zapotec&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/turk-piramitleri "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sun, 15 Feb 2009 15:08:00 GMT</pubDate>
      <guid isPermaLink="false">197401@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/turk-piramitleri</link>
    </item>
    <item>
      <title>css'de uzman olman&#305;z&#305; sa&#287;layacak 20 css dersi</title>
      <author>Zapotec</author>
      <description>&lt;p&gt;CSS'yi kodlamak kolay olabilir ancak buna ra&#287;men her kodcuyu delirtebilecek baz&#305; konseptleri de bulunmaktad&#305;r. Bu yaz&#305;m&#305;zda kimilerine g&#246;re zor olan ancak anlamas&#305; olduk&#231;a kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir ad&#305;m daha ileriye ta&#351;&#305;man&#305;za yard&#305;mc&#305; olacak dersleri inceledik.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. CSS Sekmeler ve Navigasyon&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.xhtmlvalid.com/blog/2008/03/11/expandable-css-tabs-tutorial/"&gt;1.1. Geni&#351;leyebilen CSS Sekmeleri Dersi&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Geni&#351;leyebilir CSS sekmelerinin anlam&#305;, sekmenin i&#231;erisindeki metnin uzunlu&#287;una g&#246;re geni&#351;leyebilen sekme ba&#351;l&#305;klar&#305;d&#305;r. Kodun &#246;z&#252;nde start.gif ve end.gif ad&#305;nda iki adet g&#246;rsel bulunuyor. start.gif g&#246;rseli boyutu geni&#351;letmek i&#231;in kullan&#305;l&#305;rken end.gif g&#246;rseli de&#287;i&#351;meden kal&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-01.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;1.2. &lt;a href="http://www.webdesignerwall.com/tutorials/advanced-css-menu/"&gt;Geli&#351;mi&#351; CSS Men&#252;s&#252;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu rehberde Photoshop'taki watercolor efektini nas&#305;l tasarlayabilece&#287;iniz anlat&#305;lm&#305;&#351;. Bu rehber size ad&#305;m ad&#305;m bir men&#252; tasar&#305;m&#305;n&#305; nas&#305;l k&#305;rpabilece&#287;inizi ve ard&#305;ndan CSS kullan&#305;larak nas&#305;l onlar&#305; bir araya getirebilece&#287;inizi g&#246;steriyor. Pek &#231;o&#287;unuz muhtemelen dikey ya da yatay men&#252;n&#252;n CSS ile nas&#305;l kodlanaca&#287;&#305;n&#305; bilyorsunuzdur. Gelin &#351;imdi bunu bir sonraki seviyeye ta&#351;&#305;yarak CSS'nin position &#246;zelli&#287;ini kullanan geli&#351;mi&#351; bir men&#252; tasarlayal&#305;m.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-02.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1.3. &lt;a href="http://www.nundroo.com/navigation/"&gt;CSS Tabanl&#305; Navigasyon&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu rehberin amac&#305; fare imleci bir men&#252; &#246;&#287;esi &#252;zerine getirildi&#287;inde ilgili &#246;&#287;enin &#246;n plana &#231;&#305;kar&#305;lmas&#305; ile sonu&#231;lanan CSS tabanl&#305; bir men&#252; olu&#351;turmak.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-03.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;1.4. &lt;a href="http://www.nundroo.com/navigation/"&gt;&#350;&#305;k CSS Men&#252;s&#252;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu makalede baz&#305; sevimli Javascript efektleri kullan&#305;larak olu&#351;turulmu&#351; &#246;zel bir navigasyon &#231;ubu&#287;unun olu&#351;turulma a&#351;amalar&#305;n&#305; &#246;&#287;reneceksiniz. &lt;a href="http://www.bildirgec.org/etiket/mootools/"&gt;Mootools&lt;/a&gt; k&#252;t&#252;phanesinin i&#351;levselli&#287;i sayesinde bu efekt sadece 1.5 KB'a s&#305;&#287;d&#305;r&#305;lm&#305;&#351; durumda. Bununla da kalm&#305;yor ve ilgili men&#252; hem &#231;apraz taray&#305;c&#305; deste&#287;ini b&#252;nyesinde bar&#305;nd&#305;r&#305;yor hem de eri&#351;ilebilir oldu&#287;u i&#231;in arama motoru optimizasyonunu dikkate alanlar&#305;n g&#246;nl&#252;n&#252; fethediyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-04.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;1.5. &lt;a href="http://www.alistapart.com/articles/slidingdoors2/"&gt;Kayan Kap&#305;lar&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;CSS ile kayan kap&#305;lar tekni&#287;inin nas&#305;l kullan&#305;labilece&#287;ine y&#246;nelik g&#252;zel bir makale.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-05.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;1.6. &lt;a href="http://www.sohtanaka.com/web-design/css-vertical-navigation-with-teaser/"&gt;Tan&#305;t&#305;m Metni &#304;&#231;eren CSS Dikey Navigasyon&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Navigasyon elementlerine tan&#305;t&#305;m metni eklemenin yan&#305;s&#305;ra bu teknik sayfan&#305;z &#252;zerindeki herhangi bir elemente a&#231;&#305;klama eklenecek &#351;ekilde modifiye edilebilir. &#214;rne&#287;in profil adlar&#305;na, soru-cevap tarz&#305;ndaki SSS sayfalar&#305;na, navigasyon elementlerine ya da di&#287;er uygulamalara a&#231;&#305;klama mesajlar&#305; ekleyebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-06.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;1.7. &lt;a href="http://shapeshed.com/journal/overlapping_tabbed_navigation_in_css/"&gt;CSS'de Sekmeli &#304;&#231;eri&#287;in &#220;zerine Bindirme&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu makalede Javascript kullanmadan ve &#231;apraz-taray&#305;c&#305; deste&#287;i bulunan, CSS ile haz&#305;rlanm&#305;&#351;, bindirme deste&#287;i bulunan bir CSS sekmeli navigasyonun nas&#305;l olu&#351;turulabilece&#287;i anlat&#305;lm&#305;&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-07.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;2. CSS &#304;le Yuvarlat&#305;lm&#305;&#351; K&#246;&#351;eler&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;2.1. &lt;a href="http://www.vertexwerks.com/tests/sidebox/"&gt;Box - Hepsi &#304;&#231;in Yuvarlat&#305;lm&#305;&#351; K&#246;&#351;eler&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu egzersizin amac&#305; g&#246;rsel olarak g&#246;ze ho&#351; gelen ve semantik olarak yaz&#305;lm&#305;&#351; en az miktarda kod kullanarak yuvarlat&#305;lm&#305;&#351; k&#246;&#351;eler olu&#351;turmak. Ayr&#305;ca bu kutular&#305;n boyutu gerekti&#287;inde de&#287;i&#351;tirilebilmeli de. &#304;lk kutu i&#231;in gerekli olan XHTML ve CSS kutunun hemen alt k&#305;sm&#305;nda yer al&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-08.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;2.2. &lt;a href="http://kalsey.com/2003/07/rounded_corners_in_css/"&gt;CSS'de Yuvarlat&#305;lm&#305;&#351; K&#246;&#351;eler&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;CSS'de yuvarlat&#305;lm&#305;&#351; k&#246;&#351;eler olu&#351;turmaktan bahsediyorduk ve arkada&#351;&#305;ma kendi y&#246;ntemimi g&#246;sterdim. Bunu ger&#231;ekle&#351;tirebilmek i&#231;in di&#287;er y&#246;ntemlerin de oldu&#287;unu biliyorum ancak bu y&#246;ntemlerin pek &#231;o&#287;&#305; karma&#351;&#305;k HTML ve CSS kullan&#305;m&#305;n&#305; gerektiriyor. &#304;&#231; i&#231;e girmi&#351; DIV'lerin tablo kullanmaktan &#231;ok daha iyi olmad&#305;&#287;&#305;n&#305;n fark&#305;na vard&#305;m. Bu sebeple benim y&#246;ntemim HTML ve CSS a&#231;&#305;s&#305;ndan fazla bir kod gerektirmiyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;pinkfloyd'un notu&lt;/i&gt;&lt;/strong&gt;: Her ne kadar burada arkada&#351;&#305;m&#305;z tablo kullanma yoluna gitmi&#351; ancak siz sak&#305;n zorunda olmad&#305;k&#231;a bu y&#246;ntemi denemeyin. Tablolar&#305; sitenizin anahat elementlerini olu&#351;turmak i&#231;in kullanmak &lt;strong&gt;yanl&#305;&#351;t&#305;r&lt;/strong&gt;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-09.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;3. CSS Foto&#287;raf Galerisi&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;3.1. &lt;a href="http://sonspring.com/journal/hoverbox-image-gallery"&gt;Hoverbox G&#246;rsel Galerisi&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Efekt i&#231;in anchor ba&#287;lant&#305;s&#305; kullan&#305;lm&#305;&#351; zira IE'de &lt;i&gt;:hover&lt;/i&gt; ast s&#305;nf&#305;n&#305;n tek desteklendi&#287;i element bu. Her ne kadar kulland&#305;&#287;&#305;m bu &#246;rnekteki t&#252;m ba&#287;lant&#305;larda # ba&#287;lant&#305;s&#305;n&#305; kullanm&#305;&#351; olsam da siz g&#246;rsellerin tam boyutlu s&#252;r&#252;mlerine ba&#287;lant&#305; verebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-10.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;3.2. &lt;a href="http://www.cssplay.co.uk/menu/lightbox.html#Portraits"&gt;&#199;apraz Taray&#305;c&#305; ve &#199;oklu Sayfa Destekli Foto&#287;raf Galerisi&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;a href="http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/"&gt;Suckerfish HoverLightbox&lt;/a&gt;'dan esinlenmesine ra&#287;men bu &#246;rnekte benim geli&#351;tirdi&#287;im, metin yerine g&#246;rsel kullanan &#231;oklu sayfa anahat sistemini kulland&#305;m.&lt;/p&gt;


	&lt;p&gt;Suckerfish HoverLightbox'un aksine bu s&#252;r&#252;m JavaScript'e ihtiya&#231; duymuyor ve sadece CSS kullan&#305;lmas&#305;na ra&#287;men IE &#252;zerinde sorunsuz &#231;al&#305;&#351;&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-11.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;3.3. &lt;a href="http://www.cssplay.co.uk/menu/gallery3l"&gt;Kayan Foto&#287;raf Galerileri&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu galeri benim bug&#252;ne kadar geli&#351;tirdi&#287;im en sade galeri. Dikey olarak 8:1 oran&#305;nda s&#305;k&#305;&#351;t&#305;r&#305;lm&#305;&#351; g&#246;rselleri s&#305;ras&#305;z liste &#252;zerinde kullan&#305;yorum. Bu g&#246;rsellerden birinin &#252;zerine fare imlecinizi getirdi&#287;inizde s&#305;k&#305;&#351;t&#305;r&#305;lan bu g&#246;rseller tam boyutuna geni&#351;liyor. Kayan men&#252; sistemimi temel ald&#305;&#287;&#305;m bu &#246;rnekte metin yerine g&#246;rsel kulland&#305;m. Herhangi bir k&#252;&#231;&#252;k resim kullanmaya gerek yok ve t&#252;m g&#246;rsel &#246;nceden y&#252;kleniyor. Bu y&#246;ntem hem dikey hem de g&#246;sterildi&#287;i gibi yataay olarak kullan&#305;labilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-12.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;4. CSS G&#246;lgeler&lt;/strong&gt;&lt;/p&gt;


&lt;strong&gt;4.1. &lt;a href="http://www.alistapart.com/articles/cssdrop2/"&gt;CSS G&#246;lge Efekleri: Fuzzy Shadows&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu makalede:
	&lt;ul&gt;
	&lt;li&gt;IE harici taray&#305;c&#305;larda bir stil &#351;ablonunu nas&#305;l gizleyebilece&#287;imizi ve bu sayede ilgili belgenin do&#287;rulanmas&#305;n&#305; engellememeyi,&lt;/li&gt;
		&lt;li&gt;IE5.5 ve IE6'da PNG saydaml&#305;&#287;&#305;n&#305;n nas&#305;l do&#287;ru olarak g&#246;r&#252;nt&#252;lenebilece&#287;ini,&lt;/li&gt;
		&lt;li&gt;Yukar&#305;dakileri kullanarak nas&#305;l g&#246;lge efekti olu&#351;turabilece&#287;imizi &#246;&#287;renece&#287;iz.&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-13.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;4.2. &lt;a href="http://web-graphics.com/mtarchive/001589.php"&gt;CSS G&#246;lgeler&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu makalede bir ba&#351;ka tekni&#287;i inceleyece&#287;iz. Di&#287;er tekniklerin pek &#231;o&#287;u negatif marj kullan&#305;rken bu &#246;rnekte ba&#287;&#305;l pozisyonlama kullan&#305;larak nas&#305;l g&#246;lge efekti olu&#351;turabilece&#287;imizi g&#246;rece&#287;iz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-14.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5. Di&#287;er CSS &#304;pu&#231;lar&#305; ve Hileleri&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5.1. &lt;a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/"&gt;IE &#199;ift Y&#252;zen Marj Hatas&#305;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Eminim bununla pek &#231;o&#287;umuz bo&#287;u&#351;mu&#351;uzdur, zira en s&#305;k kullan&#305;lan css "hilelerinden" birisi de budur. e&#287;er bu hata ile daha &#246;nce kar&#351;&#305;la&#351;mad&#305;ysan&#305;z hemen &#246;zetleyelim: ie6'da &#252;zerine 'margin' uygulanm&#305;&#351; y&#252;zen (float) bir element kullan&#305;yorsan&#305;z, bunun ilgili taray&#305;c&#305; &#252;zerinde do&#287;ru pozisyonlanmad&#305;&#287;&#305;n&#305; g&#246;receksiniz. ne &#351;ans ki ie6'n&#305;n bu hatas&#305;n&#305; gidermek &#231;ok basit.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-15.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5.2. &lt;a href="http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/"&gt;CSS &#199;apraz Taray&#305;c&#305; Saydaml&#305;&#287;&#305;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#304;ster inan&#305;n ister inanmay&#305;n t&#252;m taray&#305;c&#305;lar &#252;zerinde CSS'nin saydaml&#305;k elementini do&#287;ru bir &#351;ekilde kullanmak m&#252;mk&#252;n. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski taray&#305;c&#305;lar&#305; bile kapsayabiliriz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-16.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5.3. &lt;a href="http://icant.co.uk/sandbox/footercollapsetables/"&gt;Kapan&#305;r Tablolar: Bir &#214;rnek&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;A&#351;a&#287;&#305;daki tablolar&#305;n her bili "footcollapse" ad&#305; verilen bir s&#305;nda dahiller. Bu sayede kullan&#305;lan betik ok g&#246;rselini altl&#305;&#287;a yerle&#351;tiriyor ve &#252;zerine t&#305;klad&#305;&#287;&#305;nda tablonun kapan&#305;p a&#231;&#305;labilmesini sa&#287;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-17.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5.4. &lt;a href="http://snook.ca/archives/html_and_css/content_overlay_css/"&gt;CSS &#304;le &#304;&#231;erik &#220;zerine &#304;&#231;erik&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Kapsay&#305;c&#305; &#252;zerine fare imlecini getirdi&#287;inizde halihaz&#305;rda var olan i&#231;eri&#287;in &#252;zerinde yeni bir kapsay&#305;c&#305; belirecektir. Bu teknik position:relative tekni&#287;ini kullanarak statik i&#231;eri&#287;in mutlak olarak pozisyonlanm&#305;&#351; i&#231;eri&#287;in &#252;zerinde g&#246;r&#252;nt&#252;lenebilmesini sa&#287;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-18.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5.5. &lt;a href="http://www.deltatangobravo.com/archive/2004/september/zoomzoomzoom"&gt;CSS Yak&#305;nla&#351;t&#305;rma&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Son zamanlarda metni yeniden boyutland&#305;rabilme &#246;zelli&#287;ini bar&#305;nd&#305;ran bir web sitesinin yeniden tasarlanmas&#305;nda &#231;al&#305;&#351;&#305;yorum. Sitenin hitab etti&#287;i kesimin ya&#351; ortalamas&#305; biraz y&#252;ksek, bu sebeple b&#252;y&#252;k boyutlu metin kullanmak onlar i&#231;in &#246;nem ta&#351;&#305;yor. Ve siz insanlar&#305;n taray&#305;c&#305;lar&#305;nda halihaz&#305;rda bulunan bu &#246;zelli&#287;i kullanmalar&#305; gerekti&#287;ini s&#246;yleyip &#252;zerime y&#252;r&#252;meye ba&#351;lamadan &#246;nce pek &#231;ok ziyaret&#231;inin bu tip &#246;zelliklerin fark&#305;nda olmad&#305;&#287;&#305;n&#305; ve benzer &#246;zelli&#287;in sitenin i&#231;ine g&#246;m&#252;lmesinden memnun oldu&#287;nu hat&#305;rlatmak isterim.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-19.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;5.6. &lt;a href="http://www.sohtanaka.com/web-design/css-on-hover-image-captions/"&gt;CSS &#304;le Olu&#351;turulan ve Sonradan Beliren G&#246;rsel A&#231;&#305;klamalar&#305;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu &#246;rnekte ise g&#246;rsel a&#231;&#305;klamas&#305; ve tan&#305;t&#305;m tekni&#287;ini bir arada kulland&#305;m. G&#246;rselin a&#231;&#305;klamas&#305;n&#305; bir ba&#287;lant&#305; i&#231;erisine dahil ettim. Yapmak istedi&#287;im &#351;ey ise ilgili a&#231;&#305;klamay&#305; kullan&#305;c&#305; g&#246;rsel &#252;zerine fare imlecini getirene kadar gizlemek.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/38-20.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://dwsmg.com/20-ultimate-css-tutorials.html"&gt;DWS mg&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;CSS &#220;zerine Yazd&#305;&#287;&#305;m Di&#287;er Yaz&#305;lar&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin"&gt;Daha H&#305;zl&#305; &#350;ablon Olu&#351;turabilmek &#304;&#231;in Kullan&#305;labilecek 9 CSS &#199;at&#305;s&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi"&gt;&#214;&#287;renilmesi Gereken 15 CSS Hilesi&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kullanisli-12"&gt;Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in Kullan&#305;&#351;l&#305; 12 CSS Framework'&#252;, &#350;ablonu ve Kod Sitesi&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken"&gt;Her Web Tasar&#305;mc&#305;s&#305;n&#305;n &#214;&#287;renmesi Gereken 9 &#214;nemli CSS Yetene&#287;i&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran"&gt;Modern CSS'de Alt&#305;n Oran&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu"&gt;Sadece CSS &#304;le Olu&#351;turulmu&#351; Animasyonlu &#304;lerleme &#199;ubu&#287;u (Progress Bar)&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/pixelleri-emlere-kolayca-donusturun"&gt;Pixelleri Emlere Kolayca D&#246;n&#252;&#351;t&#252;r&#252;n&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak"&gt;BluePrint CSS Framework'&#252;n&#252; Kullanmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit"&gt;jQuery'siz, mooTools'suz Basit Sekmeli &#304;&#231;erik Olu&#351;tural&#305;m&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin"&gt;SenCSs: Layout D&#305;&#351;&#305;ndaki Her&#351;ey &#304;&#231;in CSS Framework'&#252;&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Zapotec"&gt;Zapotec&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/css-de-uzman-olmanizi-saglayacak "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 14 Feb 2009 15:25:00 GMT</pubDate>
      <guid isPermaLink="false">197144@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/css-de-uzman-olmanizi-saglayacak</link>
    </item>
  </channel>
</rss>

