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.

Move Twitter Button to Post Footer

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved Move Twitter Button to Post Footer

Post by FrOsTyXi on May 29th 2015, 1:24 am

First topic message reminder :

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, 4:56 pm; edited 1 time in total

FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down


Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on June 3rd 2015, 4:39 pm

@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

FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on June 3rd 2015, 4:44 pm

@JScript sorry for double posting but I found a solution!

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!

FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by JScript on June 3rd 2015, 4:46 pm

@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:
Code:

$(window).load(function() {
   var oFoot = $('.postmain:first')
   $('#twitter_btn').detach().appendTo(oFoot);
});

Edit:
Interestingly, this post http://help.forumotion.com/t140916-move-twitter-button-to-post-footer#960049 you wanted the twitter button after the like button!

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on June 3rd 2015, 4:51 pm

@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!

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

FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by SLGray on June 3rd 2015, 9:37 pm

Is this solved now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35675
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on June 3rd 2015, 9:39 pm

@SLGray Yes it sure is.

FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by SLGray on June 3rd 2015, 9:39 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35675
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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