Üstüne Geldiğinde Değişen Button Resmi Yapma - Css

[waRoSh]

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

- Css'den Anlamayan Konuya hiç göz atmasın.

- İlk önce Normal Button Resmi ve üstüne gelince değişecek olan 2 Resmi bi yerde .gif altında, alt alta yapın.
Mesela :

2- Yerlerini sabitleyin, Örnek :

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

3- Şeklini Sabitleyin, Örnek :

#menu {
	width: 200px;
	border: 1px solid #ccc;
	margin: 10px;
	}

4- (isteğe Bağlı) Aradaki Boşluğu Belirtin, Button resminiz Text'ten büyükse gerekli, Örnek :

#menu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}

5- Resmin ilk Halini belirleyin.1 Şekli kapsıyacak şekilde ayarlayın, Örnek :

#menu li a:link, #menu li a:visited {
	color: #888;
	display: block;
	background: url(menu.gif);
	padding: 8px 0 0 30px;
	}

6- Üstüne gelince oluşacak yeri ayarlayın, Örnek :

#menu li a:hover, #menu li a:active {
	color: #283A50;
	background: url(menu.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

Bu kadar. Bidaha söylüyorum Css den çakmıyan hiçbirşey anlıyamaz.

Demo :

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

 

[waRoSh]

başka kapıya bilader

edit : adam mesajını silmiş galiba

 

[DN Angel]

teşekkürler...

 

[bikaz]

allah razı olsun 3 gündür bunu arıyom çok teşekkürler[SABİTLİK]

 

[mystic09]

güzel