Move Twitter Button to Post Footer
3 posters
Page 2 of 2
Page 2 of 2 • 1, 2
Move Twitter Button to Post Footer
First topic message reminder :
Hello, I am using this code to move my Facebook like button to the post footer
I would like to put the Twitter button and counter in the same place but on the right side
Example in this image:

punbb
Forum Link: TPSN
Thank you in advance!
Regards
FrOsTyXi
Hello, I am using this code to move my Facebook like button to the post footer
- Code:
$(function() {
$("body").after("<style>.postmain iframe {margin-top: -25px !important; padding-bottom: 10px !important; padding-left: 10px !important;}</style>");
$("p.crumbs iframe").detach().insertAfter('.post:eq(0) .postfoot');
});
I would like to put the Twitter button and counter in the same place but on the right side
Example in this image:

punbb
Forum Link: TPSN
Thank you in advance!
Regards
FrOsTyXi
Last edited by FrOsTyXi on June 3rd 2015, 17:56; edited 1 time in total
Re: Move Twitter Button to Post Footer
@JScript that puts the button back in default location, did not know this would be so hard I can not even move it with CSS it just disappears
Regards
FrOsTyXi
Regards
FrOsTyXi
Re: Move Twitter Button to Post Footer
@JScript sorry for double posting but I found a solution!
Result

Regards
FrOsTyXi
SOLVED!
- Code:
$(function() {
$("body").after("<style>.postmain iframe {margin-top: -25px !important; padding-bottom: 10px !important; padding-left: 10px !important;}</style>");
$("#twitter_btn").detach().insertAfter('.post:eq(0) .postfoot');
});
Result

Regards
FrOsTyXi
SOLVED!
Re: Move Twitter Button to Post Footer
@FrOsTyXi
I do not know how well you're doing, but when I run the code the result is this:

Code -> placement in the topics:
Edit:
Interestingly, this post https://help.forumotion.com/t140916-move-twitter-button-to-post-footer#960049 you wanted the twitter button after the like button!
JS
I do not know how well you're doing, but when I run the code the result is this:

Code -> placement in the topics:
- Code:
$(window).load(function() {
var oFoot = $('.postmain:first')
$('#twitter_btn').detach().appendTo(oFoot);
});
Edit:
Interestingly, this post https://help.forumotion.com/t140916-move-twitter-button-to-post-footer#960049 you wanted the twitter button after the like button!
JS
Re: Move Twitter Button to Post Footer
@JScript I have it set for topics only but when I add that code the button goes back to defaullt location, I do not know why it does that. With this code and thanks to you it is working correctly!
Regards
FrOsTyXi
- Code:
$(function() {
$("body").after("<style>.postmain iframe {margin-top: -25px !important; padding-bottom: 10px !important; padding-left: 10px !important;}</style>");
$("#twitter_btn").detach().insertAfter('.post:eq(0) .postfoot');
});
Regards
FrOsTyXi
Re: Move Twitter Button to Post Footer
Is this solved now?


Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Move Twitter Button to Post Footer
Topic solved and archived


Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Page 2 of 2 • 1, 2

» Move the post new and reply button into the main header
» move footer forumotion and move forum icon
» How to add FaceBook Like button, Twitter Like Button in my Forum
» How to move footer
» Move topic footer buttons to top
» move footer forumotion and move forum icon
» How to add FaceBook Like button, Twitter Like Button in my Forum
» How to move footer
» Move topic footer buttons to top
Page 2 of 2
Permissions in this forum:
You cannot reply to topics in this forum