CSS Kategorisi için Arşiv
Dock Stili Menü: Li Dock
Dock stilinde bir navigasyon uygulaması. Sonuçta şu şekilde bir çalışma ortaya çıkıyor: Bu HTML kodumuz, bu kodu menüyü kullanacağınız yere koymanız gerekiyor.
DÜZ YAZI
HTML:
<ul id="navlist">
<li><a href="#">Birinci</a></li>
<li><a href="#">İkinci</a></li>
<li><a href="#">Üçüncü</a></li>
<li><a href="#">Dördüncü</a></li>
<li><a href="#">Beşinci</a></li>
<li><a href="#">Altıncı</a></li>
</ul>
Bu Yazıyı Paylaşın
CSS Kodlarınızı Düzenli Olarak Sıralayın
Bazı CSS dosyalarına baktığımızda kodlar sanki ip gibi sıralanmış, çok güzel görünüşlü oluyorlar. Bu düzen el ile kodlanırken mi yapılıyor, yoksa bunun için otomatik bir program gibi bir şey mi vardır? Hep bunu merak etmiştim Bunu otomatik hale getiren, CSS kodlarını düzenli bir şekilde, isterseniz alfabetik olarak sıralayan ve düzenleyen bir site [...]
CSS ile Resimsiz Yuvarlak Köşeler
Yuvarlak köşeli kutucuklar, normal dikdörtgen şeklindeki kutucuklardan daha estetik görünür. Daha estetiği varken neden takoz olanını kullanasınız ki değil mi? İşte bu kodlarla herhangi bir resim kullanmadan kendi yuvarlak köşeli kutucuklarımızı yapacağız.
İlk olarak aşağıdaki CSS kodlarımız bulunuyor. Bu kodları kendi stil dosyamıza ekliyoruz.
Bu Yazıyı Paylaşın
Sayfa Numaralandırma Stili
Sayfalama yapılan scriptlerde sayfa numaralarını CSS ile değiştirerek farklı görüntüler elde edebilirsiniz.
Bu resimdeki gibi sayfa numaralarınız olsun istiyorsanız aşağıdaki adımları takip edin.
Bu Yazıyı Paylaşın
Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak
Düz köşeli divler fazla estetik durmazlar. İstisnalar çok tabi, bu bir seçim meselesi. Ben genelde yuvarlak köşeli kutuları kullanmayı severim. Bunu CSS'de yapmak biraz sıkıntılı. Kutuların köşesini kullanmak için değişik yöntemler mevcut. Bu yöntemlerden birini Erhan Burhan kendi blogunda anlatmış. Çok yararlı bir ders, okumanızı tavsiye ederim:
CSS tekniğini ile köşeleri yuvarlatılmış yani yuvarlak köşeli kutular [...]
Mavi Tab Menü
Mavi ağırlıklı yatay bir tab menü örneği.
Bu Yazıyı Paylaşın
