Back to top Invision

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Back to top Invision

Mesaj Scris de AlexCalin la data de Sam 31 Oct - 11:12

Cum adaug Back to top pentru Invision? Vreau sa adaug o imagine si sa fie cu hover.

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 22
Data de inscriere : 22/10/2015
Multumiri : 2
Niciun avertisment

http://lanenicu.forum.st/

Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator la data de Sam 31 Oct - 11:34

Buna ziua,

A.C.P.->General->Anunturi
Activeaza anunturile : DA;
Afiseaza anunturile : Toate paginile;
Defilare : Dezactivarea

Adaugati un anunt cu urmatorul cod:
Cod:
<div id="backtotop">^ Back to Top</div>


In foaia de stil CSS, adaugati:
Cod:
#backtotop {
    bottom: 50px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 14px;
    opacity: 0.6;
    padding: 8px;
    position: fixed;
    text-align: center;
    z-index: 999;
    right: 30px;
    background-color : #000;
    border-radius : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    }
    #backtotop:hover {
    opacity  : 0.9;
    }

Adaugati acest cod in Gestiunea codurilor JavaScript:

Cod:

        $(function() {
          $(window).scroll(function() {
              if($(this).scrollTop() != 0) {
                $('#backtotop').fadeIn();
            } else {
                $('#backtotop').fadeOut();
              }
          });
     
        $('#backtotop').click(function() {
              $('body,html').animate({scrollTop:0},800);
          });
      });

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin la data de Sam 31 Oct - 11:36

Nu functioneaza din pacate...

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 22
Data de inscriere : 22/10/2015
Multumiri : 2
Niciun avertisment

http://lanenicu.forum.st/

Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator la data de Sam 31 Oct - 11:47

Buna ziua,

Acele coduri au fost testate de mine si functioneaza perfect. Asigurati-va ca anunturile sunt activate.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin la data de Sam 31 Oct - 11:58

Le-ai incercat pe Invision? Sunt activate. Am bagat codul si in Generalitati si tot nu merge.

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 22
Data de inscriere : 22/10/2015
Multumiri : 2
Niciun avertisment

http://lanenicu.forum.st/

Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator la data de Sam 31 Oct - 12:46

Am testat codurile pe invision. Uite altul:
Cod:
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow52.js"></script>

Adauga-l in Generalitati.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin la data de Sam 31 Oct - 14:42

Acesta functioneaza.
Cum pot adauga alta iconita si un efect hover pe imagine?

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 22
Data de inscriere : 22/10/2015
Multumiri : 2
Niciun avertisment

http://lanenicu.forum.st/

Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator la data de Sam 31 Oct - 15:10

Inlocuiti codul pe care vi l-am dat cu:
Cod:
<script>
var scrolltotop={setting:{startline:100,scrollto:0,scrollduration:1e3,fadeduration:[500,100]},controlHTML:'<img class="bctop" src="http://i1155.photobucket.com/albums/p559/scrolltotop/arrow52.png" />',controlattrs:{offsetx:5,offsety:5},anchorkeyword:"#top",state:{isvisible:!1,shouldvisible:!1},scrollup:function(){this.cssfixedsupport||this.$control.css({opacity:0});var t=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);t="string"==typeof t&&1==jQuery("#"+t).length?jQuery("#"+t).offset().top:0,this.$body.animate({scrollTop:t},this.setting.scrollduration)},keepfixed:function(){var t=jQuery(window),o=t.scrollLeft()+t.width()-this.$control.width()-this.controlattrs.offsetx,s=t.scrollTop()+t.height()-this.$control.height()-this.controlattrs.offsety;this.$control.css({left:o+"px",top:s+"px"})},togglecontrol:function(){var t=jQuery(window).scrollTop();this.cssfixedsupport||this.keepfixed(),this.state.shouldvisible=t>=this.setting.startline?!0:!1,this.state.shouldvisible&&!this.state.isvisible?(this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]),this.state.isvisible=!0):0==this.state.shouldvisible&&this.state.isvisible&&(this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]),this.state.isvisible=!1)},init:function(){jQuery(document).ready(function(t){var o=scrolltotop,s=document.all;o.cssfixedsupport=!s||s&&"CSS1Compat"==document.compatMode&&window.XMLHttpRequest,o.$body=t(window.opera?"CSS1Compat"==document.compatMode?"html":"body":"html,body"),o.$control=t('<div id="topcontrol">'+o.controlHTML+"</div>").css({position:o.cssfixedsupport?"fixed":"absolute",bottom:o.controlattrs.offsety,right:o.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"Scroll to Top"}).click(function(){return o.scrollup(),!1}).appendTo("body"),document.all&&!window.XMLHttpRequest&&""!=o.$control.text()&&o.$control.css({width:o.$control.width()}),o.togglecontrol(),t('a[href="'+o.anchorkeyword+'"]').click(function(){return o.scrollup(),!1}),t(window).bind("scroll resize",function(t){o.togglecontrol()})})}};scrolltotop.init();
</script>

Cautati http://i1155.photobucket.com/albums/p559/scrolltotop/arrow52.png si inlocuiti cu linkul imaginii dorite.
Pentru a adauga efecte, puteti folosi clasa .bctop.

Vizitator
Vizitator


Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin la data de Sam 31 Oct - 15:15

Rezolvat. Multumesc!

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 22
Data de inscriere : 22/10/2015
Multumiri : 2
Niciun avertisment

http://lanenicu.forum.st/

Sus In jos

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator la data de Sam 31 Oct - 15:16

Cu placere.
topic rezolvat

Vizitator
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum