18 Temmuz 2011 Pazartesi

Css hareketli menü,Aktif buton,Degisen buton,Rollover Buttons

Merhaba arkadaslar bu gun size css ile  hareketli buton yapmayi gostericem hareketli derken ornegin mavi renkli bir buton Mouse uzerine geldiginde rengi degisen bir uygulama.

<html>
<head>
<style type="text/css">
#kirala
{
  display: block;
  width: 107px;  // Buraya yaptigimiz resimin genisligini yaziyoruz
  height: 21px;  // Buraya yuksekligini
  background: url("has.png") no-repeat 0 0;  //resmimizin urlsini buraya giriyoruz.

}

#kirala:hover
{
  background-position: 0 -20px;
}

#kirala span  // buralari falan s*ktir edin.
{
  position: absolute;
  top: -999em;
}
</style>  // CSS bolumu tamam simdi kendinize sunun gibi bir dosya hazirlayin.


Farkindaysaniz tek bir dosya halinde dosyanin yuksekligi 100 ise siz yukarida yukseklige 50px vereceksiniz ki yarisini yani sadece bir butonu alsin...
simdi birde html kodu var :
<a id="kirala" href="http://chardone.com" title="Arac kirala"><span>izmir Arac kirala </span></a>


Hazir dosyalari buradan indirin.  RAR sifresi : yasinaktimur




Hiç yorum yok:

Yorum Gönder