bildirgec.org

Esneklik ve kullanılabilirlik…
Bu iki kelime bana jquery’i ve tabii ki css’i çağrıştırıyor.
Buyrun size birbirinden esnek ve kullanışlı, tüm projelerinizde kullanabileceğiniz jquery ve css3 kaynakları:

1. TubePlayer – Youtube için Jquery Player

TubePlayer, oldukça akıllı bir jquery video oynatıcı youtupe player api’yi kullananlar için. Ayrıca youtube videolarınız için kendi kontrol ve bileşenlerinizi de oluşturabilirsiniz.

2. BonBon – css3 Butonları

BonBon, oldukça güzel görünümlü css3 butonları ve gerçekten de çok kullanışlı.

3. Orbit – JQuety Resim Slider

Oldukça güzel bir resim slider eklentisi, dilerseniz resimlerin üzerine başlık, açıklama vs. ekliyebiliyorsunuz.

css bank

Webmaster‘ ların el çantasında kesinlikle bulunması gereken online CSSkaynaklarını geniş bir liste halinde aşağıda bulacaksınız. Bu kaynaklar sitenizi tasarlarken görsellik ve işlevsellik boyutunda sizlere çok yardımcı olacak. Ayrıca bu konuyu bölmemek için diğer yazımda ; kullandığınız çekirdek (site alt yapısı – script) yapısına nasıl csskullanılarak tema / template yaparsınız veya kullandığınız temayı editlersiniz onu anlatacağım .. şimdi online css bankamızdan faydalı linkler :
CSS Button & Text Field Generator
CSS Formatter and Optimiser
CSS Layout Generator
CSS Font and Text Style Wizard
QrONE CSS Designer – CSS Style Editor
Cascading Style Sheet Optimiser
CSS Formatter and Optimiser
CSS Form Code Maker
CSS Tab Designer
Create easy slideshows
Corner Shop
The Generator Form v2.90
List-O-Matic

buradan basit bir css menüsünün nasıl yapıldığını görebilirsiniz.

buradan da css ile;sayfa kenarlıklarıresmin yanına yazı yerleştirmesayfayı kolonlara bölmesayfa içinde bölüm oluşturmasayfayı dikey veya yatay ortalamamouse üstüne geldiğinde yanıp sönen butonlarmouse üstüne geldiğinde öne çıkan resim gibi bir kaç ugulamanın nasıl yapıldığını görebilirsiniz.

mouse üstüne geldiğinde renk değiştiren ve öne çıkan buton

mouse üstüne geldiğinde arkadaki resim öndeki büyük karede çıkıyo

sayfa üç kolona bölünmüş

/* menu tabs */#header ul {z-index: 999999;position: absolute;margin:0;padding: 0;list-style:none;right: 13px;font: bold 13px Arial, ‘Trebuchet MS’, Tahoma, verdana, sans-serif;top: 123px;width: 123px;visibility: inherit;
}

Width Değerini Girdiğimizde 1024*768’de sorunsuz görülüyor butonlar fakat çözünürlüğü değiştirtiğimizde sitede butonun yeri kayıyor bunu nasıl ortalarız.? YÜzde işe yaramadı 🙁