How to add this button?

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?
avatar
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!
avatar
Luffy
Manager
Manager

Male Posts : 5514
Reputation : 608
Language : Greek, English
Location : Greece

https://www.crossroadz.net

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.
avatar
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>
avatar
Luffy
Manager
Manager

Male Posts : 5514
Reputation : 608
Language : Greek, English
Location : Greece

https://www.crossroadz.net

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?
avatar
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;
}
avatar
Luffy
Manager
Manager

Male Posts : 5514
Reputation : 608
Language : Greek, English
Location : Greece

https://www.crossroadz.net

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.
avatar
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.
avatar
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;
}
avatar
Luffy
Manager
Manager

Male Posts : 5514
Reputation : 608
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Back to top


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