|Refleks|-Oyun,Tasarım,Film,Program,Tek link,İndir


 
AnasayfaSSSAramaÜye ListesiKullanıcı GruplarıKayıt OlGiriş yap

Paylaş | 
 

 Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak

Aşağa gitmek 
YazarMesaj
FaTaL
Yönetici
Yönetici
avatar

Ruh Hali :
Başak Mesaj Sayısı : 626
Rep Puanı : 7606
Teşekkür Aldı : 18
Kayıt tarihi : 24/10/09
Nerden Nerden : Kocaeli
İş/Hobiler İş/Hobiler : 3D / Maya / After Efect
Lakap Lakap : Fatal

MesajKonu: Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak   Perş. Ekim 29, 2009 8:40 pm

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

--------------------ÜYENİN İMZASI--------------------
[Linkleri görebilmek için üye olun veya giriş yapın.]
Sayfa başına dön Aşağa gitmek
http://www.refleksforum.com
 
Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» PERFECT XP SP3 CD EDİTİON KACIRMAYIN DERİM
» En iyi sistem bakım programları
» Fps 100 yapmak
» 1000 Kitap Özeti Yeni Link! Tek Tek! Tamamını İndirmenize Gerek Yok!
» Açılır kapanır dost site paneli(WeaponS Farkıyla)

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
|Refleks|-Oyun,Tasarım,Film,Program,Tek link,İndir :: Bilgisayar Dersleri :: Adobe Dreamweaver-
Buraya geçin: