HomeHow to add this button?
3 posters
Page 1 of 1
How to add this button?
by Kite Trojan December 21st 2013, 11:08 pm
How can I add this button to my forum?
Kite Trojan- Forumember
-
Posts : 823
Reputation : 19
Language : English -
Re: How to add this button?
by TheCrow 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:
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>
 | Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow- Manager
- Posts : 6921
Reputation : 795
Language : Greek, English -
Re: How to add this button?
by Kite Trojan December 22nd 2013, 1:59 am
It is not there, after I added it.
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English -
Re: How to add this button?
by TheCrow 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..
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>
| Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow- Manager
- Posts : 6921
Reputation : 795
Language : Greek, English -
Re: How to add this button?
by Kite Trojan 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
- Posts : 823
Reputation : 19
Language : English -
Re: How to add this button?
by TheCrow December 22nd 2013, 3:15 am
CSS:
- Code:
.nav_up {
margin:30px 0px 0px 0px;
}
.nav_down {
margin:30px 0px 0px 0px;
}
| Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow- Manager
- Posts : 6921
Reputation : 795
Language : Greek, English -
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English -
Re: How to add this button?
by Kaizer Lee 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.
Anyway, try changing it to 10px;, if not, can you provide your link and a test account please.
Kaizer Lee- Active Poster
-
Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines -
Re: How to add this button?
by TheCrow 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;
}
TheCrow- Manager
- Posts : 6921
Reputation : 795
Language : Greek, English -
Similar topics» Announcment, Expand forum button, Custom like button, Hover over image
» Change Quote Button, Edit Button and more into the text
» Is it possible to place the chatbox on a different button? And also, can I change the button (portal) to home?
» How to create a menu button like the search button?
» Do not show me button Display button [solved] the topics.
» Change Quote Button, Edit Button and more into the text
» Is it possible to place the chatbox on a different button? And also, can I change the button (portal) to home?
» How to create a menu button like the search button?
» Do not show me button Display button [solved] the topics.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
