Image may be NSFW.
Clik here to view.
Css’nin internet sitesi tasarımında önemli bir yeri olduğunu ve gün geçtikçe geliştiğini , Css diyagramları , bar (çubuk) grafikleri , yıldız biçimli oylama sistemlerini , css formlarını ve bir çok css sitesinin yayınlandığı galeri (showcase) sitelerini bir önceki yazıda belirtmiştim. Css hakkında siteler serisinin ikinci serisinde daha çok imaj , tema ve teknikleri hakkında siteleri kısaca Türkçe bir şekilde tanıtacağım . Bu gidişle üç seri olacağını söylediğim bu seri dörde kadar uzar. Yazının devamında siteleri bulabilirsiniz. İddia ediyorum bunlar çok işinize yarayacaklar : )
CSS Resim haritaları , Fotograf galerileri ve bazı scriptler
- CSS Image Maps
CSS ve XHTML yardımı ile imaj haritaları oluşturulması hakkında bilgiler - Map Pop
CSS açılan kutular ile imaj haritalandırması - FotoNotes RolloverViewer
FotoNotes™ RolloverViewer – Açık kaynak kodlu farenin üstüne gelmesiyle açılan resimlerin oluşturulduğu script. - Simple CSS Image Switcher
Basit navigasyon tarzı resim değişim scripti - Simple(r) CSS Image Switcher
Basit navigasyon tarzı resim değişim scripti 2 - A Two Step Photograph Gallery
2 Adımda fotograf galerisi - Hoverbox Image Gallery
Css tabanlı imaj galerisi - Sliding Photograph Galleries
Stu Nicholls ‘un hazırladığı fotograf galerisi
CSS Yerleşim Temaları (Template’ler)
- CSS Layouts
Stu Nicholls’un hazırladığı 3 kolonlu temalar - CSS TEMPLATES
XHTML 1.0 ve CSS2 tabanlı temalar - css Zen Garden
980+ tane css ile hazırlanmış site temaları - Flexi-Floats
3 kolonlu , Üst (header) – Alt ( Footer) ve Bir çok temaların bulunduğu site, - Layout Gala
40 dan fazla css temaların bulunduğu kolleksiyon - Look Ma, No Tables.
CSS Yerleşim teknikleri - ThreeColumnLayouts
Bob Easton ‘un 3 kolonlu temaları - Open Source Web Design
İndirme ve Yükleme yapabileceğiniz açık kaynaklı tema arşivi - Open Web Design
İndirme ve Yükleme yapabileceğiniz açık kaynaklı tema arşivi - Sample CSS Page Layouts
Örnek Css sayfa tasarımlarının bulunduğu site - Yet Another Multicolumn Layout
Bir ve birden fazla kolonlu Css temaların bulunduğu site
Lightbox’lar
CSS Listeleme , Navigasyon , Menuler
- Turning a list into a navigation bar
Listeleme ile nasıl yatay css menu oluşturulur. - Turning Lists into Trees
- CSS Based Navigation
- CSS menus gallery
Tablo kullanmadan css yardımı ile oluşturulan menulerin bulunduğu yer - Flexible navigation example
- Free CSS Navigation Menu Designs
- Free Menu Designs
- FreeStyle Menus v1.0 RC9
- More Free CSS Navigation Menu Designs
- Navigation Magnification
- 14 Free Vertical CSS Menus
14 Ücretsiz Dikey CSS Menu - CSS Menu Generator
Online Css Menu oluşturucu - CSS Tab Designer
- Tabs
- Mini Slide Navigation
- Nested lists used to create a simple folder metaphore
- Accessible Image-Tab Rollovers
- Suckerfish Dropdowns
- Fast Rollovers Without Preload
- Variations on a drop-down theme