CSS ile Dikey Menü Yapımı
CSS ile basit bir menü yapımı yardımcı olmaya
çalışacağım. Bildiğiniz gibi CSS menülerini hem yatay, hem dikey konumda
hazırlayabiliyoruz. Bu uygulamamızda dikey bir menü yapacağız.
Menünün hazırlanması için öncelikle CSS kodlarına, daha sonra bu kodların sayfamızda görülebilmesi için basit HTML kodlarına ihtiyaç duyuyoruz.
İlk olarak aşağıda gördüğünüz kodları siteniz CSS bölümüne, yani < style > etiketi ile başlayan kısmın herhangi bir bölümüne ekliyoruz. Herhangi bir bölüm dedim ama kodlarınızı daha sonra değiştirmek istediğinizde sorun yaşamamak için site görünümü ile orantılı ekleme yaparsanız daha rahat edersiniz. Demek istediğim örneğin footer diye tabir edilen bölüm, sayfanın en alt kısmını teşkil ettiği için CSS sıralamasında footer kodlarını en sona bırakırsanız daha anlaşılır olur.
Menünün hazırlanması için öncelikle CSS kodlarına, daha sonra bu kodların sayfamızda görülebilmesi için basit HTML kodlarına ihtiyaç duyuyoruz.
İlk olarak aşağıda gördüğünüz kodları siteniz CSS bölümüne, yani < style > etiketi ile başlayan kısmın herhangi bir bölümüne ekliyoruz. Herhangi bir bölüm dedim ama kodlarınızı daha sonra değiştirmek istediğinizde sorun yaşamamak için site görünümü ile orantılı ekleme yaparsanız daha rahat edersiniz. Demek istediğim örneğin footer diye tabir edilen bölüm, sayfanın en alt kısmını teşkil ettiği için CSS sıralamasında footer kodlarını en sona bırakırsanız daha anlaşılır olur.
Bu küçük bilgiden sonra CSS kodlarında bazı
değişiklikler yapabilirsiniz. Örneğin en üstte gördüğünüz
"widht:200px" ile menü genişliğini değiştirebilir,
"font-family:" kısmından sizin de anladığınız gibi yazı karakteri üzerinde
değişiklikler yapabilir, "color-...:" bölümlerinden de renklerde
oynamalar yapabilirsiniz.
Az önce de değindiğim gibi CSS kodlarını uygulayabilmek için ilgili HTML kodlarına ihtiyacımız var.
Az önce de değindiğim gibi CSS kodlarını uygulayabilmek için ilgili HTML kodlarına ihtiyacımız var.
Burada gördüğünüz HTML
kodlarını sitemizde görünmesini istediğimiz bir yere ekliyoruz. Menü
başlıklarımızı yazıp ilgili linkleri de ekledikten sonra CSS menümüz hazır.
Umarım yararlanacağınız bir yazı olmuştur. Herhangi
bir sorun ile karşılaşırsanız bu yazı altından sorununuzu belirtin. Elimden
geldiğince yardımcı olmaya çalışırım.
24/4/2007 | Kategori: CSS | Yorum (2) | Yorum Yaz | Kalıcı Bağlantı
Önceki Sayfa | : | Sonraki Sayfa