The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Move Twitter Button to Post Footer

3 posters

Page 2 of 2 Previous  1, 2

Go down

Solved Move Twitter Button to Post Footer

Post by FrOsTyXi 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:
Move Twitter Button to Post Footer - Page 2 Captur29

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
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 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
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 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
Move Twitter Button to Post Footer - Page 2 Captur13

Regards
FrOsTyXi

SOLVED!
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 JScript 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:
Move Twitter Button to Post Footer - Page 2 VWxt6Vd

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
JScript
JScript
Forumember

Male Posts : 741
Reputation : 175
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 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
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 June 3rd 2015, 9:37 pm

Is this solved now?


Move Twitter Button to Post Footer - Page 2 Slgray10

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

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

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

@SLGray Yes it sure is.
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 June 3rd 2015, 9:39 pm

Topic solved and archived


Move Twitter Button to Post Footer - Page 2 Slgray10

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

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

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