The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to add this button?

View previous topic View next topic Go down

How to add this button?

Post by Kite Trojan on December 21st 2013, 11:08 pm



How can I add this button to my forum?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to add this button?

Post by Luffy on December 22nd 2013, 1:56 am

You have to go to A.P. -> Modules -> Widget of Forum -> Create a new widget
and add this code:
Code:
<div style="position:fixed; right:0.1%; bottom:45%;">
   <div id="nav_up"><img border="0" title="Πάνω" alt="Go Up" src="http://i56.servimg.com/u/f56/18/45/97/69/up11.png" />
   </div>
   <div id="nav_down">
      <img border="0" title="Κάτω" alt="Go Down " src="http://i56.servimg.com/u/f56/18/45/97/69/down11.png" />
   </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 Submit and then drag the widget to the column that u want and then again push submit!






Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: How to add this button?

Post by Kite Trojan on December 22nd 2013, 1:59 am

It is not there, after I added it.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to add this button?

Post by Luffy on December 22nd 2013, 2:06 am

Make sure that your forum widget settings are set as the picture below:

and please change the code to this because i make a mistake..
Code:
<div style="position:fixed; right:0.1%; bottom:45%;">
   <div id="nav_up"><img border="0" title="Go Up" alt="Go Up" src="http://i56.servimg.com/u/f56/18/45/97/69/up11.png" />
   </div>
   <div id="nav_down">
      <img border="0" title="Go Down" alt="Go Down" src="http://i56.servimg.com/u/f56/18/45/97/69/down11.png" />
   </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>






Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: How to add this button?

Post by Kite Trojan on December 22nd 2013, 2:51 am

Ok, I've added it. Now, how can I move it so my popup chatbox doesn't block it?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to add this button?

Post by Luffy on December 22nd 2013, 3:15 am

CSS:
Code:
.nav_up {
margin:30px 0px 0px 0px;
}

.nav_down {
margin:30px 0px 0px 0px;
}






Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Re: How to add this button?

Post by Kite Trojan on December 22nd 2013, 3:24 am

Added, still the same thing.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to add this button?

Post by Kaizer Lee on December 24th 2013, 9:19 am

You know, it's not a good thing copying stuff from other academies too much, including XDA and mine... .-.

Anyway, try changing it to 10px;, if not, can you provide your link and a test account please.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: How to add this button?

Post by Luffy on December 24th 2013, 12:50 pm

@Kaizer Lee wrote:You know, it's not a good thing copying stuff from other academies too much, including XDA and mine... .-.

Anyway, try changing it to 10px;, if not, can you provide your link and a test account please.

Something that i see and like i want to add it in my forum. There is no one that has something specific for his. I have the arrows too. I saw it from somewhere else. Its not bad to add something that you like unless your forum design is not like someone else's forum..

Xnomejx try ti use this code:
Code:
 .nav_up {
margin:50px 0px 0px 0px;
}

.nav_down {
margin:50px 0px 0px 0px;
}

Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

View previous topic View next topic Back to top


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