0
Kayıt Ol

Mobil için ara butonu nasıl yaparım ?

2

●

344

  • 15-01-2018, 13:54:54
    #1
    wptolu
    wptolu
    Üyeliği durduruldu
    Merhaba arkadaşlar sitem için mobilde girildiğinde sayfaya sabit bir şekilde görünmesi için site wordpress değildir örnek olarak göstermek gerekirse
    BURAYA tıklayarak bakabilirsiniz kodlarını bilen varsa yardımcı olursa sevinirim
  • 15-01-2018, 15:28:48
    #2
    Djstation
    Djstation
    wptolu adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar sitem için mobilde girildiğinde sayfaya sabit bir şekilde görünmesi için site wordpress değildir örnek olarak göstermek gerekirse
    BURAYA tıklayarak bakabilirsiniz kodlarını bilen varsa yardımcı olursa sevinirim
    Bunu deneyin kendinize göre editleyin
      <style>#arabutonu,#arabutonu{display:none}@media screen and (max-width:650px){.sbzon,.sbzoff{display:none !important}#arabutonu{display:block;height:56px;line-height:50px;position:fixed;width:100%;bottom:0px;border-top:2px solid rgba(51,187,51,1);background:url("https://i.hizliresim.com/LbYWmz.png") 22% 7px / 40px 40px no-repeat #090;text-decoration:none;box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;-moz-box-shadow:0 0 5px #888;z-index:9999;text-align:center;color:#fff;text-transform:uppercase;font-size:20px;padding:0px}}</style>
<a href="tel:123456789" id="arabutonu">Beni Ara</a>
  • 23-01-2020, 17:38:10
    #3
    sefadonmez
    sefadonmez
    Djstation adlı üyeden alıntı: mesajı görüntüle
    Bunu deneyin kendinize göre editleyin
      <style>#arabutonu,#arabutonu{display:none}@media screen and (max-width:650px){.sbzon,.sbzoff{display:none !important}#arabutonu{display:block;height:56px;line-height:50px;position:fixed;width:100%;bottom:0px;border-top:2px solid rgba(51,187,51,1);background:url("https://i.hizliresim.com/LbYWmz.png") 22% 7px / 40px 40px no-repeat #090;text-decoration:none;box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px #888;-moz-box-shadow:0 0 5px #888;z-index:9999;text-align:center;color:#fff;text-transform:uppercase;font-size:20px;padding:0px}}</style>
<a href="tel:123456789" id="arabutonu">Beni Ara</a>
    resimdekinin aynısı, ama sadece Beni Ara linkine tıklandığında bir işlem görmemektedir. Konu hakkında yardımcı olur musunuz rica etsem ?



    mobil ile siteye girildiğinde hemen ara butonu gibi sabit bir resim nasıl ekleyebilirim?