‘CSS’ Kategorisi için Arşiv

CSS ile Resimli Listeleme İşlemi

CSS kodlamasında listeleme işlemi yapılırken çok sık kullanılan bir ikili. Bu ikilide özellikle <ul> kullanarak maddeleme yapılırken resimli bir şekilde nasıl maddeleme işlemini yapabileceğimizi göreceğiz.

Bilindiği üzere CSS ile maddeleme veya listeleme yapılırken <ol> ve <ul> elementleri kullanılır. <ol> kullanıldığında 1′den başlayarak aşağıya doğru size bir liste hazırlar. Bunun dışında <ul> kullanıldığında ise maddeleme olarak bir [...]

Mavi Resimli Menü Yapımı

Menü Önizlemesi

Kullanacağımız Resimler:

Bu Yazıyı Paylaşın

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 [...]

Beyaz Tab Menü

Bu Yazıyı Paylaşın

Mor Yatay Tab Menü

Bu Yazıyı Paylaşın

Yatay Tab Menü

Bu Yazıyı Paylaşın

Kapat
E-posta ile paylaş