[SMF] Vesti na dnu stranice - jQuery

  • 0 Odgovora
  • 1030 Pregleda

0 Članovi i 1 gost pregledaju ovu temu.

NiKooLaa

  • Dont fear the reaper!
  • *
  • 5,391
  • +148/-13
  • Pol: Muškarac
    • dzontra.nikola
    • lastfm
    • opusteniforum
    • dzontra_nikola
    • Dzonny
    • Pogledaj profil
    • Valjevski polumaraton
[SMF] Vesti na dnu stranice - jQuery
« poslato: Jul 15, 2013, 00:36:27 »
Skripta koja pri dnu stranice (prilikom skrolovanja) prikazuje vesti pomoću ssi funkcije.

U php block portala unesite sledeći kod:
echo'
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(window).scroll(function(){
        var distanceTop = $(\'#footer\').offset().top - $(window).height();
 
        if  ($(window).scrollTop() > distanceTop)
            $(\'#slidebox\').animate({\'right\':\'0px\'},300);
        else
            $(\'#slidebox\').stop(true).animate({\'right\':\'-430px\'},100);
    });
 
    $(\'#slidebox .close\').bind(\'click\',function(){
        $(this).parent().remove();
    });
});
</script>
<style>
a.close{
    background:transparent url(http://path-to-images/delete.png) no-repeat top left;
    width:16px;
    height:16px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
#slidebox{
    width:400px;
    height:100px;
    padding:12px;
    background: #f9f9f9;
    border-top:3px solid #b83832;
    position:fixed;
    bottom:0px;
    right:-430px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
}
</style>

<div id="slidebox">
    <a class="close"></a>';
echo'
<div style="border-bottom: 1px dotted #868686">Any Text Here</div>
<br />';
ssi_news();
echo'
</div>';

http://path-to-images/delete.png  - promenite sa putanjom do vaše slike delete.png (slika prikačena uz poruku).
Any text here - takodje promenite sa nekim vašim tekstom koji će biti naslov u kutiji za vesti.

Ukoliko ne koristite portal možete isti kod staviti u template, sa napomenom da morate voditi računa da ne napravite sintaksnu grešku naravno.
::Za webmastere :: Pravilnik foruma ::Baneri :: Magija

>> Registrujte se kako bi videli sadrzaj celog foruma! Neki delovi foruma nisu vidljivi za goste!<<
[Kako da vidim linkove na forumu??]
VAratonac :: ITcyberCOP

[Reklama]