• 25-08-2017, 15:22:55
    #1
    merhabalar, internette araştırdım ancak uygulamanın tam adını bulamadım.
    Sayfaların sağ alt köşelerinde resimli veya yazılı haber ve kampanya duyuruları yapılıyor. Bunu bende sayfama eklemek istiyorum. Bu uygulamanın ismi nedir, nasıl araştırma yapabilirim.

    teşekkür ederim şimdiden.
  • 25-08-2017, 19:19:55
    #2
    Üyeliği durduruldu
    Örnek iletebilir misiniz. Bir çok ismi var,

    Notification bar,
    Modal,
    Popup,
    Fixed banner

    ve ya direkt css ile fixed - right yaptığımız olay.
  • 25-08-2017, 23:57:20
    #3
    internette sayfaları dolaştım ama tam demek istediğimi bulamadım.

    http://www.cssscript.com/demo/super-...uid-scroll-js/

    bu sayfada ki sağ altta ki "Flow anywhere" yazan pencerenin yerine aynı boyutta görsel görüntülemek istiyorum, yanınada çarpı iconu ile basıldığında kaybolsun.
  • 26-08-2017, 02:34:11
    #4
    Üyeliği durduruldu
    niyazivolkan adlı üyeden alıntı: mesajı görüntüle
    internette sayfaları dolaştım ama tam demek istediğimi bulamadım.

    http://www.cssscript.com/demo/super-...uid-scroll-js/

    bu sayfada ki sağ altta ki "Flow anywhere" yazan pencerenin yerine aynı boyutta görsel görüntülemek istiyorum, yanınada çarpı iconu ile basıldığında kaybolsun.
    .dash {
        position: fixed;
        bottom: 10px;
        right: 10px;
        margin: 0;
        padding: 20px;
        box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
        background:#999;
    }
    .kapat {
        position:absolute;
        right:10px;
        top:10px;
        color:#000;
        background:#f2f2f2;
        padding:5px;
        text-decoration:none;
        border: 1px solid #333;
    }
    <div class="dash">
    <img src="https://www.r10.net/logom7b.png" width="100%">
    <a href="#" class="kapat" onclick="$('.dash').remove();return false;">X</a>
    </div>
    https://jsfiddle.net/5u9wrgq4/1/

    Alıntı yapmadığınız için daha yeni gördüm
  • 26-08-2017, 12:02:37
    #5
    mertotrk adlı üyeden alıntı: mesajı görüntüle
    .dash {
        position: fixed;
        bottom: 10px;
        right: 10px;
        margin: 0;
        padding: 20px;
        box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
        background:#999;
    }
    .kapat {
        position:absolute;
        right:10px;
        top:10px;
        color:#000;
        background:#f2f2f2;
        padding:5px;
        text-decoration:none;
        border: 1px solid #333;
    }
    <div class="dash">
    <img src="https://www.r10.net/logom7b.png" width="100%">
    <a href="#" class="kapat" onclick="$('.dash').remove();return false;">X</a>
    </div>
    https://jsfiddle.net/5u9wrgq4/1/

    Alıntı yapmadığınız için daha yeni gördüm

    çok teşekkür ederim , tam istediğim bir çalışma ancak kapatma özelliğinde bir problem var, div kaybolmuyor.
  • 26-08-2017, 15:56:19
    #6
    Üyeliği durduruldu
    niyazivolkan adlı üyeden alıntı: mesajı görüntüle
    çok teşekkür ederim , tam istediğim bir çalışma ancak kapatma özelliğinde bir problem var, div kaybolmuyor.
    Merhabalar, jquery kullanmadığınızı varsayarak bu şekilde düzenledim. Jquery ile çok daha basit şekilde yapabilirsiniz.
    https://jsfiddle.net/5u9wrgq4/2/
  • 26-08-2017, 22:26:35
    #7
    mertotrk adlı üyeden alıntı: mesajı görüntüle
    Merhabalar, jquery kullanmadığınızı varsayarak bu şekilde düzenledim. Jquery ile çok daha basit şekilde yapabilirsiniz.
    https://jsfiddle.net/5u9wrgq4/2/
    teşekkürler bu çalışma çok işime yarayacak

    emeğine sağlık