Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak

[CoRTeZ]

Bu yazıda css ile sitede birden fazla link biçimlendirmesi kullanma işlemi anlatılacaktır.
Not : Dreamweaver ile çalışırken yeni site tanımlamayı unutmayın.

• Yeni CSS oluşturmak için; CSS penceresinden CSS Styles sekmesinden All seçeneği seçili iken pencerenin alt tarafından new css rule seçeneğini seçin.

[Sadece pasaj sakinleri linkleri görebileceklerdir. lütfen kısa bir vaktinizi ayırın ve pasajımıza üye olun.. ]

• New CSS Rule penceresi açılacaktır.

Bu pencereden Advanced seçeneği seçilir. Selector bölümünde ise tanımlanacak yeni linkin adı yazılır. Yazım formatı A.isim:link olmalıdır. Buradaki isim bölümene açıklayıcı bir isim verilmesi uygun olur.
En altta bulunan This document onlycss in bu sayfa içinde tanımlanacağını belirtir. Aslında üsttekiseçeneği seçip yeni bir css oluşturarak, sitedeki tüm css leri birsayfada tanımlamak daha doğrudur.

• Tamam butonu tıklandığı zaman css rule definition for a.solmenu:link pencerisi açılacaktır.

Bu penceredeki bütün kategorilere ait seçenekler [Sadece pasaj sakinleri linkleri görebileceklerdir. lütfen kısa bir vaktinizi ayırın ve pasajımıza üye olun.. ]anlatıldı.

• Biz örneğimizi sadece typekategorisi ile biçimlendirme yaparak devam edelim. Diğer kategoriler dekullanılarak görünüm olarak çok daha iyi menüler oluşturulabilir.
• Type penceresinde gerekli düzenlemeler yapılır.

[Sadece pasaj sakinleri linkleri görebileceklerdir. lütfen kısa bir vaktinizi ayırın ve pasajımıza üye olun.. ]

• Ok butonu tıklanınca css oluşacaktır.
• A.solmenu:link tanımlaması yapılmış oldu. Buradaki linktanımlaması oluşturulacak linkin ilk halini ifade eder. Yani kullanıcılinke hiç tıklamadıysa linkin biçimi böyle olacaktır. Birde visited ve hover tanımlamaları yapılmalıdır. visited, kullancının linke tıkladıkran sonra linkin biçimini ifade eder. Hover ise fare ile linkin üzerine gelinince linkin alacağı biçimi ifade eder.
• visited ve hover için de aynı işlemler tekrarlanmalıdır. Tek fark visited için A.solmenu:link yerine A.solmenu:visited yazılmalıdır. Hover için de A.solmenu:hover yazılmalıdır.
• Aynı işlemler visited ve hover için de tamalandıktan sonra solmeu isimli bir link tanımlaması tamamlanmış olur.
• Eğer işlemler doğru yapılmışsa css penceresinin görünümü aşağıdaki gibi olmalıdır.

[Sadece pasaj sakinleri linkleri görebileceklerdir. lütfen kısa bir vaktinizi ayırın ve pasajımıza üye olun.. ]
Resimde göründüğü link için tanımlanan özellikler css penceresindegörüntülenir. Bu pencerede görünen css ler üzerinde değişiklik yapmakiçin css üzerinde çift tıklanabilir. Ya da css seçili iken alttakipeoperties penceresinde özellikler değiştirilebilir.
CSS tanımlamaları tamamlandıktan sonra css artık bir link euygulanabilir. Öncelikle sayfada bir yazıya link verilir. Link verilmişyazı seçilir ve altta bulunan properties penceresinden style menüsünden solmenu seçilir.
[Sadece pasaj sakinleri linkleri görebileceklerdir. lütfen kısa bir vaktinizi ayırın ve pasajımıza üye olun.. ]

[aybars07]

Güzel paylaşım olmuş ellerine sağlık TURAN.