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.

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

+2
mist3r0us_b0y
Jack Atlas
6 posters

Go down

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

Post by Jack Atlas 2/12/2013, 07:09

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 7/12/2013, 08:00; edited 1 time in total (Reason for editing : soved)
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by mist3r0us_b0y 2/12/2013, 07:14

mist3r0us_b0y
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

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

Post by Jack Atlas 2/12/2013, 07:42

dont work
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by mist3r0us_b0y 2/12/2013, 08:23

what version you using ?
mist3r0us_b0y
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

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

Post by Jack Atlas 2/12/2013, 08:47

phpBB2 this one
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by Jack Atlas 3/12/2013, 06:29

guys i need help no one answered
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by Jack Atlas 4/12/2013, 08:05

the 3 rd day and no answer
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by ashik4u 4/12/2013, 08:21

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
avatar
ashik4u
Forumember

Male Posts : 168
Reputation : 2
Language : Bengali, English
Location : Dhaka, Bangladesh

http://bdtipsntricks.forumotion.org

Back to top Go down

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

Post by Jack Atlas 5/12/2013, 07:30

what do you mean by <body> tag
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by Legolas 5/12/2013, 12:49

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>
Legolas
Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

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

Post by TheCrow 5/12/2013, 18:40

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!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6916
Reputation : 795
Language : Greek, English

https://www.inforumgr.com

Back to top Go down

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

Post by Jack Atlas 7/12/2013, 07:19

solved
Jack Atlas
Jack Atlas
Forumember

Posts : 100
Reputation : 1
Language : english

http://hdaduelacademy.forumotion.com/forum

Back to top Go down

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

Post by Sanket 7/12/2013, 11:05

Topic Solved & Archived.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum