Can Öcalan 1
Can Öcalan
mavzermete 1
mavzermete
farkmt2official 1
farkmt2official
Sevdamsın 1
Sevdamsın
Hikaye Ekle

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

  • Konuyu başlatan Konuyu başlatan waRoSh
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 9
  • Görüntüleme Görüntüleme 1K

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 :
menu.gif


2- Yerlerini sabitleyin, Örnek :
PHP:
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

3- Şeklini Sabitleyin, Örnek :
PHP:
#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 :
PHP:
#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 :
PHP:
#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 :
PHP:
#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 :
 
başka kapıya bilader :D

edit : adam mesajını silmiş galiba
 
Son düzenleme:

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst