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.
  

• 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 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 [Linkleri görebilmek için üye olun veya giriş yapı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.
  

• 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.
  

[Linkleri görebilmek için üye olun veya giriş yapı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.
[Linkleri görebilmek için üye olun veya giriş yapın.]