Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak

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.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

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

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
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 only css in bu sayfa içinde tanımlanacağını belirtir. Aslında üstteki seçeneği seçip yeni bir css oluşturarak, sitedeki tüm css leri bir sayfada 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 [Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]anlatıldı.

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

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]

• Ok butonu tıklanınca css oluşacaktır.
• A.solmenu:link tanımlaması yapılmış oldu. Buradaki link tanı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 yerineA.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.

[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]
Resimde göründüğü link için tanımlanan özellikler css penceresinde görüntülenir. Bu pencerede görünen css ler üzerinde değişiklik yapmak için css üzerinde çift tıklanabilir. Ya da css seçili iken alttaki peoperties penceresinde özellikler değiştirilebilir.
CSS tanımlamaları tamamlandıktan sonra css artık bir link e uygulanabilir. Öncelikle sayfada bir yazıya link verilir. Link verilmiş yazı seçilir ve altta bulunan properties penceresinden style menüsünden solmenu seçilir.
[Üyeler Mesaj Yazmandan Misafirlerde Kayıt Olmadan Link GöremezlerKayıt İçin Tıklayın ! ]


Alıntıdır...:1::20: