Drupal İpucu : Resimli Form Butonları Oluşturmak

Drupal ile geliştirdiğiniz sitenizde bir form butonunu (arama formu butonu, anket‘e oy verme butonu vs.) , standart görüntüsünden çıkartıp bir resim ile değiştirmek istiyorsanız yapabileceğiniz en kısa ve kolay yol bir kaç küçük css hilesidir. Örnek olarak bir butonun üzerindeki yazıyı kaldırıp , onu bir görsel ile değiştirmek istiyorsanız kullanmanız gereken kod yaklaşık aşağıdaki gibidir:

#search-block-form .form-submit {
width:50px; /* butonun genişliği */
height:30px; /* butonun yüksekliği */
background:url(images/submit-back.jpg) no-repeat; /* buton yerine kullanmak istediğin resim */
border:none;
padding-top: 40px;
overflow: hidden;
}

Burada yapılan işlem istenilen resmi butonun arkaplan resmi yapmak ve üzerindeki normal buton yazısını butonun boyutundan daha aşağı bir alana kaydırmak. Overflow ile de bu kaydırma işlemi gizlenilince de işlem tamamlanmış oluyor.