Ana Menü

Ana Menü

  • Anasayfa
  • SeaDesign
    • Hakkımda
    • Gizlilik Politikamız
    • Kullanım Koşullarımız
    • Çerez Politikamız
  • Hizmetler
  • Scriptler
  • Blog
  • İletişim

Reklamlar

Duyurular

  • Bayram-Kampanyasi-Geldi-Kurumsal-Scriptler-Sadece-249-00- Bayram Kampa[...]
  • Web-Tasarimlar Web Tasarıml[...]
  • Evde-Kal-Saglikli-Kal Evde Kal Sağ[...]
  • Yeni-yuzumuzle-yayina-devam Yeni yüzümüz[...]
Tümünü Gör

Copyright 2020 © Erdoğan USTA

Site Logo Site Logo
Giriş Kayıt
Javascript ile Ekran Sağ Alt Koşeye Whatsapp Buton Koyma

Javascript ile Ekran Sağ Alt Koşeye Whatsapp Buton Koyma

Erdoğan Usta
Erdoğan Usta 24-04-2020
Kategori : JavaScript

İçerik

Javascript ile Ekran Sağ Alt Koşeye Whatsapp Buton Koyma



Öncelikle Whatsap Butonumuzun olduğu div ' mizi hazırlayalım

undefined
<div id="sabit">
<h2 class="content-title">
<a target="_blank" href="https://api.whatsapp.com/send?phone=0905550000000&text=Whatsapp Ekranında Görünecek Yazı">
<img  src="assets/img/whatsapp.png" title="WhatsApp iletişi Butonu" width="70px" height="70px">
</a>
</h2>
</div>

Burda href içindeki phone= deki telefon numarasını kendimize göre düzenleyelim

Daha sonra da text= deki yazıyı istediğimiz gibi düzeltiyoruz.Whatsapp ekranında bu yazı görünecektir.

undefined
<style type="text/css">
  #sabit
{
z-index:9999;
position:fixed;
_position:absolute;
bottom:50px;
right:0px;
clip:rect(0 100 100 0);
_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
}
</style>

Burda ise "bottom" ile iconun yukseliğini ayarlayalım.

ve "right" ile de iconun sağ köşe olan uzaklığını ayarlayalım.

index.php mizin en altına ekleyelim.İşte bu kadar... 



Etiketler

javascript,button,whatsapp


Yorumlar

    Henüz Kimse Yorum Yazmamış

Yorum Gönderin

  • Avatar

Son Ekleneneler

21-05-2020 Ücretsiz Php Script Lisanslama[...]

Ücretsiz Php Script Lisanslama[...]

Ücretsiz Php Script Lisanslama Scripti
24-05-2020 Ücretsiz Php Blog Scripti

Ücretsiz Php Blog Scripti

Sizler için Ücretsiz Php Blog Scripti
21-05-2020 Php de veri tabanında virgülle[...]

Php de veri tabanında virgülle[...]

Php de veri tabanında virgülle ayrılmış [...]
20-05-2020 Php ile Beğen - Beğenme butonu[...]

Php ile Beğen - Beğenme butonu[...]

Php ile Beğen - Beğenme butonu yapımı[...]
16-05-2020 Google bir uygulamanın ipini ç[...]

Google bir uygulamanın ipini ç[...]

Google bir uygulamanın ipini çekti
23-05-2020 WhatsApp tan Zoom'a rakip yeni[...]

WhatsApp tan Zoom'a rakip yeni[...]

WhatsApp tan Zoom'a rakip yeni özellik
11-05-2020 Javascript ile Onay kutusunun [...]

Javascript ile Onay kutusunun [...]

Javascript ile Onay kutusunun işaretli o[...]
29-06-2020 Ücretsiz WebTasarım ve Hosting[...]

Ücretsiz WebTasarım ve Hosting[...]

Ücretsiz WebTasarım ve Hosting Scripti

Copyright 2020 © Erdoğan USTA