Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Back to top Invision

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Back to top Invision

Mesaj Scris de AlexCalin Sam Oct 31, 2015 11:12 am

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

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator Sam Oct 31, 2015 11:34 am

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);
          });
      });
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin Sam Oct 31, 2015 11:36 am

Nu functioneaza din pacate...
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator Sam Oct 31, 2015 11:47 am

Buna ziua,

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

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin Sam Oct 31, 2015 11:58 am

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

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator Sam Oct 31, 2015 12:46 pm

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

Adauga-l in Generalitati.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin Sam Oct 31, 2015 2:42 pm

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

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator Sam Oct 31, 2015 3:10 pm

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 https://2img.net/h/i1155.photobucket.com/albums/p559/scrolltotop/arrow52.png si inlocuiti cu linkul imaginii dorite.
Pentru a adauga efecte, puteti folosi clasa .bctop.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de AlexCalin Sam Oct 31, 2015 3:15 pm

Rezolvat. Multumesc!
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Back to top Invision

Mesaj Scris de Vizitator Sam Oct 31, 2015 3:16 pm

Cu placere.
topic rezolvat
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum