lostyazilim

İletişim Formu Eklentisi - Yardım-

3 Mesajlar 789 Okunma
lstbozum
wmaraci reklam

melancholiac melancholiac SEO Danışmanlığı Kullanıcı
  • Üyelik 23.05.2012
  • Yaş/Cinsiyet 35 / E
  • Meslek Digital Marketing Manager
  • Konum Ankara
  • Ad Soyad C** Y**
  • Mesajlar 80
  • Beğeniler 32 / 19
  • Ticaret 27, (%100)
Arkadaşlar merhaba,
ekran görüntüsündeki gibi sağ bölmeden basınca açılacak bir iletişim form eklentisine ihtiyacım var.
Jquery buldum; ama çalışmadığı için eklenti aradım onu da bulamadım. Eklenti ya da jquery varsa bildiğiniz yardımlarınızı bekliyorum.


 

 

Ölüm Var [ANKEBÛT / 57]
wmaraci
reklam

KeKoM KeKoM WM Aracı Kullanıcı
  • Üyelik 14.03.2013
  • Yaş/Cinsiyet 47 / E
  • Meslek konfeksiyon
  • Konum Adana
  • Ad Soyad ** **
  • Mesajlar 4
  • Beğeniler 2 / 1
  • Ticaret 0, (%0)
MRB bu iletişim bir cok kişide sorun oluyor bende yapamadim yaptigim oldugunda bu sefer tema da sorun oluyor
 

 

ugurcanka ugurcanka Öğrenci Kullanıcı
  • Üyelik 09.12.2012
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad U** K**
  • Mesajlar 561
  • Beğeniler 112 / 90
  • Ticaret 34, (%100)
Hocam html kodu ;





İLETİŞİM FORMU













2.Css Kodu ;


.iletisimbuton {background:#81c8f4;
padding:6px;width:auto;
margin:50px 0px 0px 0px;
position:fixed;
left:0;
border:2px solid #6abee8;
}

a.ac {background:url(img/email_go.png) no-repeat;padding:0px 0px 0px 20px;color:#fff;text-decoration:none;font:bold 14px arial, verdana, helvetica, sans-serif;}
a.kapat {background:url(img/cross.png) no-repeat;padding:0px 0px 0px 20px;color:#1a79a8;text-decoration:none;font:bold 14px arial, verdana, helvetica, sans-serif;}

#iletisimformu {
width:350px;
background:#3ea2e1 url(img/formbg.gif) repeat-x;
padding:5px;
color:#fff;
border:2px solid #6abee8;
margin:90px 0px 0px -400px;
display:block;
position:fixed;top:0;left:0;
}

#iletisimformu h2 {

color:#fff;
font:18px/36px arial, verdana, helvetica, sans-serif;
padding:0px 0px 6px 6px;
margin:0;
}

#iletisimformu label {
float: left;
width: 100px;
font:12px arial, verdana, helvetica, sans-serif;
padding:4px;
clear:both;
margin:8px 2px 8px 2px;
}

#iletisimformu input{background:#fff;border:2px solid #999;margin:8px 2px 8px 2px;padding:4px}
#iletisimformu textarea{background:#fff;border:2px solid #999;margin:8px 2px 8px 2px;padding:4px;width:200px;height:100px}

#iletisimformu input:focus, #iletisimformu textarea:focus {border:2px solid #bee2f4;background:#f5f5f5}


3. Jquery kodu :


<script>
$(document).ready(function() {
$(".iletisimbuton a").click(function() { //mouse in
$("#iletisimformu").animate({ marginLeft: '0px' },100);

});

$("a.kapat").click(function() { //mouse in
$("#iletisimformu").animate({ marginLeft: '-400px' },100);

});
$(".iletisimbuton a").click(function () {
$(".iletisimbuton a").toggle();
});
});

</script>


Demo - İndir -


Alıntıdır.
melancholiac

kişi bu mesajı beğendi.

Developer
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al