GirisFormCSS
.panel { width: 530px; margin: auto auto; } .panel input#nick {/*Nick iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(https://img.webme.com/pic/w/wes-tes/giris.png) top left no-repeat; width: 128px; } .panel input#nick:focus {/*Nick iletisim kutusu SECILI*/ background: url(https://img.webme.com/pic/w/wes-tes/giris.png) left -24px no-repeat; } .panel input#sifre { /*Sifre iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(https://img.webme.com/pic/w/wes-tes/sifre.png) top left no-repeat; width: 128px; } .panel input#sifre:focus {/*Sifre iletisim kutusu SECILI*/ background: url(https://img.webme.com/pic/w/wes-tes/sifre.png) left -24px no-repeat; } .buton {/*Giris Buton*/ width: 74px; height: 24px; background: url(https://img.webme.com/pic/w/wes-tes/buton.png) left 0px no-repeat; border: 0; cursor: pointer; } .buton:hover { /*Giris Buton Hover*/ background: url(https://img.webme.com/pic/w/wes-tes/buton.png) left -24px no-repeat; border: 0; }