Mail Formlarınıza kendi butonlarınızı atayın

Merhabalar,

Bir süredir araştırdığım ve cevabını henüz bulduğum bu konuyu başka arayanların da olduğunu düşünerek sizlerle paylaşmak istedim.

Mail Formlarındaki klasik butonlardan sıkılan ve bunun yerine kendi tasarladığı butonları kullanmak isteyen arkadaşların işine yarayacağını düşünüyorum.

Öncelikle Dw’da formumuzu tasarlıyoruz.

Tasarladığımız formda buton olarak aşağıdaki resmi kullanıcaz

Åžimdi, formumuzdaki “Tamam” butonuna bir kez tıklayıp kod kısmına geçelim.

Seçili halde göreceğimiz kod aşağıdaki olacaktır. 

 <input type="submit" name="Submit" value="Tamam" />

Burada sondaki / iÅŸaretinin soluna tıklıyoruz ve S ye basıyoruz.. Otomatik tamlama ile gelen ekranda “style” u seçioruz.. hemen ardından beliren ekranda “background-image” yi, en son olarak da browseyi seçiyoruz ve buton olarak kullanmak istediÄŸimiz resmi yüklüyoruz.. 

Aynı ÅŸeyi “Sil” butonu için de uyguluyoruz.. 

Diğer bir yol ise / işaretinden önce doğrudan 

style="background-image: url(resimadi.png);">

şeklinde kodu girmek.. 

Ve butonlarımız hazır.. 

Not: Basit gibi görünmekle birlikte önemli bir ayrıntı idi.. Bulur bulmaz paylaşayım istedim.. Mesut kardeşime teşekkürler..