ein Bild ein Bild Tasarim
HazıRKoDLaRVs.Tr.Gg ••• Sayfaniza iletisim Bölümü |
sdsdsd
closeSitemiz Tablolu Tasarımdı Div Tasarım Yapdım Bu Şekilde Biraz Donma Vardı Düzeldi ! Şimdi İse Kategorileri Düzenliyorum İlginiz İçin Teşekkür Ederim Bir Tane Olsun Yorum Bırakırsan Sevinirim !

Hazirkodlarvs.TR.GG

Sayfaniza iletisim Bölümü

sayfaniza-kontakt-formu-ekleyin

Sizin için internette en iyi iletişim (e-mail) formu yaratan siteleri araştırdım ve bulduğum en iyi site Allforms ‘du.  Allforms görsel açıdan en kolay ve yaratıcı tasarım olanağını sunuyor. Ayrıca “CAPTCHA” (Emniyet) seçeneği de mevcut. Çok memnun kalacağınızdan çok eminim. Beni üzen tek kısmı ise sitenin sadece ingilizce hizmet veriyor olması. Ben sizlere elimden geldiğince tercüme edip anlatmaya çalışacağım.

Allforms Kurulumu;

1. Önce Allforms sitesine giriyoruz ve ücretsiz olanından bir hesap açıyoruz. (Tabi allfroms’un sunduğu bütün seçeneklerden faydalanmak istiyorsanız ücretli üye olabilirsiniz.)

Hesap açmak için en üst sağ taraftaki “register/free account” butonuna tıklıyoruz.

Açılan sayfaya e-mail adresinizi yazıyorsunuz ve onaylıyorsunuz. Allforms mail hesabınıza şifrenizi gönderiyor. (mail güvenlik nedeniyle engelli mailler/junk (spam) kutusuna düşebilir. Oradan Normal mail kutunuza taşıyınız.) Size gönderilen maildeki şifre’yi kopyalayın ve siteye dönüp “click here to continue” butonuna tıklayınız. Açılan sayfaya e-mail adresinizi yazın ve kopyaladığınız şifreyi password boşluğuna yapıştırın. Daha sonra login’e tıklayarak giriş yapınız.

2. Üyelik işlemi bittikten sonra yukarıdaki “create” butonu altındaki “form“a tıklayınız, çıkan uyarıyı geçtikten sonra tekrar “tamam” butonuna tıklayınız.

Artık formumuzu tasarlamaya başlayalım..

3. Öncelikle formumuza İsim verelim..

Sample Form” yazan yere formumuzun ismini yazıyoruz. Örnek olarak Ben “iletişim formu” yazdım.

4. Renklerin sadece ücret ödeyen kişiler tarafından kullanılabileceği belirtiliyor. Ama siz yine de renk ayarlarını yapmayı deneyiniz. Çünkü bazen ücretsiz kullanıcılar da kullanabiliyor en azından şimdilik bir arkadaşımız kullanabilmiş.

  1. 1 kutuda arkaplan rengini ayarlıyoruz.
  2. 2 Kutuda formun arkaplan rengini ayarlıyoruz.
  3. 3 Kutuda cerceve rengini ayarlıyoruz
  4. 4 Kutuda kutu başlıklarının rengini ayarlıyoruz
  5. 5 Kutuda form başlıgının rengini ayarlıyoruz
  6. 6 Yani son kutuda ise kutu numaralarının rengini ayarlıyoruz.
5. “Required Questions” kısmını “Doldurulması gereken alanlar” olarak türkçeye çevirebilirsiniz. “Required Questions” müşteriden kesinlikle doldurulmasını istediğiniz alanları belirtir.

6. Form üzerinde ingilizce yazan yerleri “change” butonuna tıklayarak değiştirebilirsiniz.

7. “Up” ve ” Down” seçenekleri ile sorunuzu aşağı veya yukarı taşıyabilirsiniz.
8. “add a Question” yazan yerden yeni sorular ekleyebilirsiniz. Bir forma ihtiyaç duyulan bütün seçenekler bulunuyor. Biraz kuracalarsınız çok güzel şeyler keşfedeceğinizden eminim.
9. Required questions bölümünde doldurulması gereken yerleri işaretleyiniz.

 

10. “e-mail adresses” bölümünde ise formun hangi e-mail adresinize gelmesini istiyorsanız onu seçiyorsunuz.

11. “E-mail subject” gönderilecek formların başlığıdır.  Herhangi bir başlık yazarak size gelen mailin hazırladıgınız bu formdan geldiğini anlayabilirsiniz.
12. “E-mail format” için en iyi seçenek “html” seçeneğidir. (en azından bence öyle)

13. “custom error page” ile “custom success page” doldurulan formun başarıyla veya hatalı doldurulması halinde kullanıcya gösterilecek sayfadır.  Html ve css bilen kişiler bu seçenekleri de sunabilir.
14. “Enable Anti-Spam” seçeneği ile captcha ( güvenlik /emniyet seçeneği) yes butonuna tıklayarak oluşturabilirsiniz.

15. Formumuzu bitirdikten sonra “save” butonuna tıklıyoruz. Açılan sayfanın ortasında (büyük kutuda)html ve css kodlarımız yazıyor. onun hemen altında ise “+” ve “-” işaretleri var. bu işaretler ile formumuzu büyütüp küçültebiliyoruz. En son bu ayarı yaptıktan sonra html ve css kodlarını kopyalayıp fbml kutumuzun içine yapıştırıyoruz.

Benim basitçe yapmış olduğum iletişim (e-mail) formunun görüntüsü;

Ve artık sizin de bir iletişim (e-mail) formunuz var. Tabi sadece iletişim (e-mail) formu değil. Hayal gücünüzü kullanarak çok daha farklı şeyler yapabilirsiniz. Güle Güle kullanınız.. :)

NoT: www.fbmlturk.com Alıntıdır
 

| Bugün: 31 | Klik: 33 | Online : | IP: 3.135.206.212 |
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol