how to add a thing that can make you go to top of page Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
+2
mist3r0us_b0y
Jack Atlas
6 posters

    how to add a thing that can make you go to top of page

    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°1

    Solved how to add a thing that can make you go to top of page

    Post by Jack Atlas December 2nd 2013, 2:09 pm

    how to add like this one http://prntscr.com/286gig it appear only on bottom of the page and if i click on it i got to top of page


    Last edited by Jack Atlas on December 7th 2013, 3:00 pm; edited 1 time in total (Reason for editing : soved)
    • Back to top
    mist3r0us_b0y
    mist3r0us_b0y
    mist3r0us_b0y
    Forumember


    Male Posts : 747
    Reputation : 19
    Language : english
    • Post n°2

    Solved Re: how to add a thing that can make you go to top of page

    Post by mist3r0us_b0y December 2nd 2013, 2:14 pm

    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°3

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 2nd 2013, 2:42 pm

    dont work
    • Back to top
    mist3r0us_b0y
    mist3r0us_b0y
    mist3r0us_b0y
    Forumember


    Male Posts : 747
    Reputation : 19
    Language : english
    • Post n°4

    Solved Re: how to add a thing that can make you go to top of page

    Post by mist3r0us_b0y December 2nd 2013, 3:23 pm

    what version you using ?
    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°5

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 2nd 2013, 3:47 pm

    phpBB2 this one
    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°6

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 3rd 2013, 1:29 pm

    guys i need help no one answered
    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°7

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 4th 2013, 3:05 pm

    the 3 rd day and no answer
    • Back to top
    ashik4u
    avatar
    ashik4u
    Forumember


    Male Posts : 168
    Reputation : 2
    Language : Bengali, English
    Location : Dhaka, Bangladesh
    • Post n°8

    Solved Re: how to add a thing that can make you go to top of page

    Post by ashik4u December 4th 2013, 3:21 pm

    1. Go to Admin Panel>Display>Templates>general>overall_header

    2. And add this code after <body> tag
    Code:
    <a style="position: fixed; bottom:5px;left:5px;" href="#" title="Back to Top"><img style="border: none;" src="https://cdn1.iconfinder.com/data/icons/tango/22x22/actions/go-top.png"/></a>
    3. Save and publish the templates
    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°9

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 5th 2013, 2:30 pm

    what do you mean by <body> tag
    • Back to top
    Legolas
    Legolas
    Legolas
    Forumember


    Male Posts : 262
    Reputation : 33
    Language : English
    • Post n°10

    Solved Re: how to add a thing that can make you go to top of page

    Post by Legolas December 5th 2013, 7:49 pm

    Hello,
    Add this to your javascript codes and tick all pages:
    Code:

      $(function() {
          $(window).scroll(function() {
              if($(this).scrollTop() != 0) {
                $('#dailytop').fadeIn();
            } else {
                $('#dailytop').fadeOut();
              }
          });
     
        $('#dailytop').click(function() {
              $('body,html').animate({scrollTop:0},500);
          });
      });
    Now, go to your CSS codes and add:
    Code:

    #dailytop{
        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;
        }
        #dailytop{
        opacity  : 0.9;
        }
    Next, add this after your <body> tag into overall_header (templates), or for phpBB3 and Invision make a new global announcement with this code:
    Code:

    <div id="dailytop">^ Back to Top</div>
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°11

    Solved Re: how to add a thing that can make you go to top of page

    Post by TheCrow December 6th 2013, 1:40 am

    Of course you can use the above solution, or you can simply add 1 or 2 arrows (one up and one down) as widgets and do the same thing!
    Image of result:
    how to add a thing that can make you go to top of page 7BJF6Mm
    by adding this in a new widget:
    Code:
    <div style="position:fixed; right:0.1%; bottom:45%;">
            <div id="nav_up"><img src="http://i56.servimg.com/u/f56/18/45/97/69/up11.png" alt="Go Up" title="Go Up" border="0"></div>
            <div id="nav_down"><img src="http://i56.servimg.com/u/f56/18/45/97/69/down11.png" alt="Go Down" title="Go Down" border="0"></div>
            </div>


                  <script type="text/javascript">
                    jQuery(function() {
                        var overelem = jQuery('body');
                    
                        jQuery('#nav_up').fadeIn('slow');
                        jQuery('#nav_down').fadeIn('slow');
                                        
                        jQuery('#nav_down').click(
                          function (e) {
                              jQuery('html, body').animate({scrollTop: overelem.height()}, 1100);
                          }
                        );
                        jQuery('#nav_up').click(
                          function (e) {
                              jQuery('html, body').animate({scrollTop: '0px'}, 1100);
                          }
                        );
                        });
                    </script>
    AND select "No'' where it says "Use a table type".

    And thats it!
    • Back to top
    Jack Atlas
    Jack Atlas
    Jack Atlas
    Forumember


    Posts : 100
    Reputation : 1
    Language : english
    • Post n°12

    Solved Re: how to add a thing that can make you go to top of page

    Post by Jack Atlas December 7th 2013, 2:19 pm

    solved
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°13

    Solved Re: how to add a thing that can make you go to top of page

    Post by Sanket December 7th 2013, 6:05 pm

    Topic Solved & Archived.
    • Back to top