• 10-11-2019, 04:08:28
    #10
    Ben de böyle bir şey yaptım: http://onurwp.net @tunatun; Teşekkürler.
  • 10-11-2019, 04:36:16
    #11
    Üyeliği durduruldu

    TEŞEKKÜR EDERİZ.
  • 10-11-2019, 04:40:17
    #12
    Teşekkürler. Ben de kodunuzu biraz değiştirdim (wordpress dışında başka bir sistemde çalıştırmak için php ifadelerini kaldırın) demo: https://www.methbox.com

    Kod:

    <?php if ( wp_is_mobile() ) : ?>
    
    <?php else : ?>
    
    <style>
    #ataturk {
    min-width: 130px;
    min-height: 195px;
    background: url("https://www.methbox.com/img/ATATURK.png") no-repeat;
    display: inline-block;
            position:fixed;
    right:0; bottom:-2px;
    z-index:9999999;
    }
    #ataturk:hover {
    background: url("https://www.methbox.com/img/ATATURK-2.PNG") no-repeat;
             vertical-align: center;
    display : block;
    visibility : visible;
    left:50%;
    min-width:940px!important;
    transform: translate(-50%, -0%);
    top:15%;
    position:fixed;
    z-index:9999999;
    }
    </style>
    <div id="ataturk">
    </div>
    
    <?php endif; ?>
    Google Tarzı & Tıklama İle;

    <style>
    #ataturk {
    min-width: 96px;
    min-height: 136px;
    background: url("https://www.methbox.com/img/10-kasim.png") no-repeat;
    display: inline-block;
            position:fixed;
    right:0;
    bottom:-2px;
    z-index:9999999;
    }
    #ataturk:active {
    background: url("https://www.methbox.com/img/ATATURK-2.PNG") no-repeat;
             vertical-align: center;
    display : block;
    visibility : visible;
    left:50%;
    min-width:940px!important;
    transform: translate(-50%, -0%);
    top:15%;
    position:fixed;
    z-index:9999999;
    }
    </style>
    <div title="Ulu Önder Atatürk'ü Saygıyla Anıyoruz" id="ataturk">
    </div>
  • 10-11-2019, 04:40:25
    #13
    Orgeneral adlı üyeden alıntı: mesajı görüntüle
    10 Kasım için siteme Atatürk görseli ekledim.Kullanmak isteyen olursa diye kodları paylaşıyorum.
    WordPress siteleriniz için header.php de <head> etikentinden hemen sonra ekleyebilirsiniz.

    Kodlar
    <style>
    #ataturk {
        position:fixed;
        right:0; bottom:-2px;
        z-index:9999999;
    }
    </style>
    <div id="ataturk">
    <img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="https://www.kingofwp.com/ataturk.png" alt="Özledik.." />
    <audio style="display:none;" id="beep-one" controls="controls" preload="auto">
    <source src="https://www.kingofwp.com/10kasim.mp3"></source>
    </audio>
    </div>
    Demo için imzamdaki siteye bakabilirsiniz.
    Hocam WhatsApp, Email vs yazanı nasıl ekleyebilirim.
  • 10-11-2019, 04:46:18
    #14
    Böyle Daha Güzel Oldu sitem. Ellerinize Sağlık hocam


  • 10-11-2019, 06:00:00
    #15
    Teşekkürler hocam.
    • Orgeneral
    Orgeneral bunu beğendi.
    1 kişi bunu beğendi.