Monster Notebook
 
Şimdi Üye Ol | Şifremi Unuttum
Ana SayfaSanalkurs.netProgramlarSanalkurs.netÖnemli SitelerSanalkurs.netYazarlarSanalkurs.netDers EkleSanalkurs.netE-DergiSanalkurs.netBlog Sanalkurs.netİletişimSanalkurs.netForum
 
Anasayfa » CSS (77 ders)
 
CSS ile Link Halindeki Butonlara Özellik Verme

Yazar: Ali Yazal  
Eklenme: 01.12.2006   Okunma: 5745    Puan: 3.0   Seviyesi:  Orta
 
İlk önce şunları söylemek istiyorum: 4 şekil link durumumuz vardır.

1- a hali yani ilk hali
2- visited linke tıklandıktan sonraki hali
3- hover hali linkin üzerine geldiğimi zamanki hali
4- active hali yani tıkladığımız zamanki hali

Şimdi bir style dosyası oluşturuyoruz uzantısını da css yapıyoruz, (yani style.css gibi) sonra içine bunları yazıyoruz.


.link {font-size:24px; color:#990000; text-decoration:none;font-family:verdana;}
.link a{background-image:url(buton1.jpg)}
.link a:hover{background-image:url(buton2.jpg); background-position:center; background-repeat:no-repeat}}


Ben style adına link kullandım, siz başka birşey kullanabilirsiniz, özellikleri de değiştirebilirsiniz.

Şimdi bu kodda diyor ki, link halindeyken "buton1.jpg" olsun, mause ile üzerine gelince "buton2.jpg" çıksın. Şimdi bu kodları nasıl sayfama bağlıyacağım diyorsanız:

İki <head></head> arasına:


<link href="style.css" rel="stylesheet" type="text/css">


yazıyoruz ya da Macromedia Dreamweaver'den sağ tarafdan desing seçerek mause'unu boş ve beyaz olan alana getirerek sağ tuş tıklayıp oradan "attach style sheet" Seçtikten sonra Browse'dan oluşturduğu CSS dosyasını seçerek de yapabilirsiniz.

Eğer butonlar tablo içindeyse muhakkakda tablo içindedir <tr> nin içine girip yada <td> nin içine girip class="link" dediğimizde işlev gerçekleşir.
 

 

CSS ile Link Halindeki Butonlara Özellik Verme Dersini Yazdirin YAZDIR

"CSS ile Link Halindeki Butonlara Özellik Verme" dersi için 6 yorum var

06.09.2007 gokhanaygun diyor ki:
ÇOK GÜZEL KARDEŞİM .. emeğine sağlık BENDE PROGRAMCILIK 2 . SINIFTAYIM ...

forum.van.gen.tr buda benım yerim :) .

kolay gelsin

24.09.2007 Piskoo diyor ki:
ya abe ben bir türlü yapamadım gitti

24.12.2007 sahaf diyor ki:
paylaşımın için tsk ancak bu anlatımlarınız bu konulara yeni başlayan kişilere göre fazla anlaşılır bulmuyurum mesela buton halindeki linki örnek bir kodla açıklayabilirsiniz.ayrıca açmış olduğun diğer konulara'da baktım mesela php bölümünde ziyaretçi defteri koymuşsun yorumları okudum genel kanı sorunlu ifadeler yer almaktadır.ve bende çalıştıramadım.eyer biraz daha detaylı anlatırsanız konuları öğrenme aşamsında'ki insanlaraDaha faydalı olacağı kanısındayım saygılar.

27.12.2007 terim66 diyor ki:
Açıklamalarınız için teşekkür ederim. Ben mause link verilmiş yazının üstüne geldiğinde hücrenin renginin değişmesini istiyorum. Yazının rengi değil hücre renginin değiştirilmesini anlatırsanız sevinirim.

10.08.2008 serdarhan diyor ki:
ben soyle birsey istiyorum
mesela linkin uzerine geldıgım zman yazının rengı yavasca yukselecek ..mpouseyi geri cektıgım zaman yavas yavas dusecek...
yardımlarınız icin tesekkur ederim

02.03.2010 balim diyor ki:
"güzel anlatılmış ama css panelinde kodsuz daha kolay bir yolu var onu da resimlerle anlatırsanız çok daha güzel olur..ben bir türlü linkin üzerine geldiğimde yazı renginin değişmesini yapamadım yardımcı olursanız sevinirm..

  BU DERSE YORUM EKLEYİN

Üye olmadan yorum ekleyemezsiniz !


UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.
 İSTATİSTİKLER
XML Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz
ÇEVRİMİÇİ 178 Ziyaretçi, 8 Üye
ajanszebra1, BuKi ®, NaRe_TuRKeY, bozoklar, Charisma_47, siracel, Bym.ülkü, Gervinho
Bugün: 921, Dün: 10154, Bu Ay: 21288, Toplam Ziyaret: 7227100, Toplam Üye: 216260, Son Üye: nur_cihan
Yazılı Dersler: 2460, Video Dersler: 408, Toplam Yazar: 64, Toplam Dosya: 53, Toplam Link: 26
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz