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

Mail Formlarındaki klasik butonlara son.. Site arayüzünüze daha uygun butonlar kullanabilirsiniz

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..
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

evet aslında güzel bi düşünce..butonların standart görünümü çok soğuk teşekkürler paylaşım için:kirp:
yaw olmadı
TskLer ..
Rica ederim arkadaşlar.. işe yaradıysa sevindim.. "style" tagının altındakilerle neler yapılabileceğini ben de yeni yeni görüyorum.. bu tagın altındakilere dikkat edin.. saygılar
tesekkur ederim , gercektekten cok onemlı bir seyi ifade etmissin. :kirp:
evt güzel devlı olmak lazım
Bende denedim olmuyor. Dreamweaver'ın tasarım kısmında tamam dediğiniz gibi gözüküyor fakat F12'ye basıp internet explorer da açtığımda eski şekliyle çıkıyor.
yaptığını kaydettiğine emin misin :)
mail formu nasıl hazırlanıyor yardımcı olursanız sevinirim
tşkrler arkadaşım yeterince açık olmuş emeğine sağlık
Klasik olmayan bir bilgi ve çok yararlı. Teşekkür ederim.
süper :hayret:
eline sağlık kardeş güzel bir ders teşekkürler
sanırım resim formatı png olmalı
Hocam resim formatını .jpeg olarak denedim İE olmadı eski tip buton göründü. Ama ilginçtir opera gösterdi. Ayrıca .png olarak denedim yine aynı sonucu verdi: Opera açtı İE uyudu.
OLDU HOCAM ELİNE SAÐLIK GZL PAYLAŞIM
eger bana gerı donuceksenız sıze bısey sormak ıstıorum ben sıteme bır form olusturmak ıstıorum ve o formda gondere basılınca bnm maıl adresıme gelsın bı turlu kodunu bulama dım bana yardımcı olurmusunuz :(
saolun
olmadı hocam rengini filan değiştiriyorum ancak backround u değiştiremiyorum ama yinede sagol ufkumu açtın

Yukarı Git