Css'de input'ı üzerine gelince renklendirmek

[Cut_Lee_Amm]

Arkadaslar hemen ornek sıte vereyım: http://www.turkishost.com/
(reklam degıldır aklıma ılk bu geldı)

Kullanıcı Adı ve şifre bolumlerını css ıle bu sekıdle nasıl yaparım?
Veya css olmasın, java falan, hangı yontemle nasıl yapacagımı bilen varsa soylerse cok sevınırım.
Birde www.joomlaturkiye.org adresınde en altta gordugnuz giriş kısmındaki gibi, giriş yerlerının basına nasıl resım koyabilirim, ve nasıl yazı yazarım(tıklayınca silinen yazı)???

Bilen bırısı varsa cok sevınırım.

İyi forumlar
Saygılar

[Virtuozzo]

.inputbox {
border: 1px solid #C0C0C0;
background: #F0F0F0;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #888888;
background: #FFFFFF;
}

[Cut_Lee_Amm]

Arkaplan falan degıstı ancak uzerıne geldıgınde renk degısmıyor.
Teşekkurler yardımınız ıcin...

[HunTER]

Su ısını gorebılır,

<style>
   input.aktif{
      color: white;
      background-color: black;
   }
   input.pasif{
      color: black;
      background-color: white;
   }
</style>
<input
   type="text"
   name="eposta"
   value="adiniz@eposta.com"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>

[bybye]

tiklayinca silinen yazi ...

<input name="search" type="text" value="search" onfocus="if (this.value == 'search') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'search'; }" />

[Cut_Lee_Amm]

İlginize teşekküre derim,
HunTER!ın kodu calıstı...

[Cut_Lee_Amm]

Ancak yıne bır sorunum var;

Sayfayı ılk actıgınızda beyaz renklı olarak cıkıyor, daha sonra bır kez uzerınde gectıgınde fare ıle gereklı degıstırmelerı takılmadan yapıyor.
Ama sayfa acıldıgında beyaz cıkıyor bunu nasıl duzeltebilirim.

Bir de bazı renk kodlarını gormuyor.
Mesela #2f2f2f kodu calısmadı.Sıyah olarak gösterdi...

[HunTER]

Mesela #2f2f2f kodu calısmadı.Sıyah olarak gösterdi...

Satır sonuna ; (noktalı vırgul) koymamıssındır..

Ama sayfa acıldıgında beyaz cıkıyor bunu nasıl duzeltebilirim.

input'a bır class ver..

<input class="aktif" ...>

[Cut_Lee_Amm]

Kodlar su sekılde, ama o kodu calıstırmıyor, siyah gosterıyor yıne...

<style>
   input.aktif{
      color: #f0f0f0;
      background-color: #2f2f2f;
   }
   input.pasif{
      color: #2f2f2f;
      background-color: #f0f0f0;
   }
</style>
<input
   type="text"
   name="kullanici"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>

[bybye]

<input
   type="text"
   name="kullanici"
   class="pasif"
   onclick="if(!this._tiklandi){ this.value=''; this._tiklandi=true; }"
   onmouseover="this.className='aktif'"
   onmouseout="this.className='pasif'"
>

input'a baslangicta bir css class'ini atamalisin.