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!

• 12 yıl önce
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:
• 12 yıl önce
yaw olmadı
• 12 yıl önce
TskLer ..
• 12 yıl önce
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
• 12 yıl önce
tesekkur ederim , gercektekten cok onemlı bir seyi ifade etmissin. :kirp:
• 12 yıl önce
evt güzel devlı olmak lazım
• 12 yıl önce
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.
• 12 yıl önce
yaptığını kaydettiğine emin misin :)
• 12 yıl önce
mail formu nasıl hazırlanıyor yardımcı olursanız sevinirim
• 12 yıl önce
tşkrler arkadaşım yeterince açık olmuş emeğine sağlık
• 12 yıl önce
Klasik olmayan bir bilgi ve çok yararlı. Teşekkür ederim.
• 12 yıl önce
süper :hayret:
• 11 yıl önce
eline sağlık kardeş güzel bir ders teşekkürler
• 11 yıl önce
sanırım resim formatı png olmalı
• 11 yıl önce
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.
• 11 yıl önce
OLDU HOCAM ELİNE SAÐLIK GZL PAYLAŞIM
• 11 yıl önce
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 :(
• 11 yıl önce
saolun
• 11 yıl önce
olmadı hocam rengini filan değiştiriyorum ancak backround u değiştiremiyorum ama yinede sagol ufkumu açtın

Yukarı Git