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 1 of 2 1, 2  Next

Go down

Solved Move Twitter Button to Post Footer

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

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 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 SLGray May 29th 2015, 4:05 am

What happens when you activate the Tweet button?  Is that exactly the Facebook Like button, because on your forum, it is at the top?  Or is it the reputation like button?


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 4:34 am

@SLGray The button is at the top now by default, I would like to move it right beside the facebook like button. As above states I am using a JavaScript to put the Facebook like button at post foot, would like a JavaScript to move the twitter button as well.

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 May 29th 2015, 1:27 pm

Anyone? Thank you!
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 May 29th 2015, 9:05 pm

When I visit your forum, the Facebook like button is at the top, not the bottom.

Second Reminder:

Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead!


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 9:17 pm

@SlGray sorry about that and no they are not, you are mistaken.
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 May 29th 2015, 9:21 pm

Team-PSN » Gaming » Grand Theft Auto V » Grand Theft Auto V Modding » GrandTheftAuto [Complete Tool] Project Epsilon - Grand Theft Auto V 1.23  Tweet Button  Facebook Like Button


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 9:37 pm

@SLGray Please refer to to the 1st post and what is wanted to be done.

https://help.forumotion.com/t140916-move-twitter-button-to-post-footer#959197

If not posting a solution please refrain from posting thank you

Kind 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 May 29th 2015, 9:39 pm

You are wanting to move the Tweet button to the bottom like the Facebook like button, but the Facebook one is not at the bottom.


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 9:52 pm

@SLGray I've no clue why you are making this so complicated, for the last time look at these images.

Top of post (Twitter Button) needs to move down
Move Twitter Button to Post Footer Captur30

Post footer (Facebook Like Butoon) Correct placing for my forum needs the Twitter button beside it.
Move Twitter Button to Post Footer Captur31

How do I have the Facebook Like Button at post footer?

With this code
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');
    });

Now all that is needed is a code similar to the above code to move the Twiter Button, it's not rocket science on what I am asking to be done.

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 May 29th 2015, 9:54 pm

The screenshots you are posting is not what I am seeing on your forum.  I see both the Tweet and Facebook Like buttons at the top.

Is that like button in the screenshot exactly the like button from the tutorial from the support forum?  The reason why I ask is that one does not have the Facebook symbol on it.


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 10:11 pm

@SLGray no worries mate someone with JavaScript experience will post a solution.

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 May 29th 2015, 10:14 pm

Ok.  But I believe you are mixing up the Facebook like button with another like button.


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 10:28 pm

@SLGray No I am not, you are confused sir.
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 May 29th 2015, 10:33 pm

Are you referring to this:  Move Twitter Button to Post Footer Facebook_likebtn_sample  which is blue on the forums?

If you are, I see that at the top of the topics on your forum.


Move Twitter Button to Post Footer 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 : 51554
Reputation : 3523
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 May 29th 2015, 10:45 pm

@SLGray I've no clue why you see it that way. Now do you have a JavaScript to do what I am asking?

If not Please for the love of Christ leave this post alone @Ange Tuteur will solve this, in one post

Thank you again for your time.

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 May 31st 2015, 1:39 pm

bump
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 2nd 2015, 2:34 am

bump
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, 2:12 pm

bump
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, 2:42 pm

FrOsTyXi wrote:bump
Hello!
The solution of this problem is extremely easy to obtain, but his forum contains two errors and a code that prevents me from continuing my tests as shown below:

First error:
Move Twitter Button to Post Footer BWrNoho

Second error + a window that asks me to log in which prevents me from continuing my tests:
Move Twitter Button to Post Footer RXUlMOC

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, 2:46 pm

@JScript Sorry about that I have removed that JavaScript for now and there should be no error
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, 3:26 pm

FrOsTyXi wrote:@JScript Sorry about that I have removed that JavaScript for now and there should be no error
The errors continue...

See if that's what you want:
Move Twitter Button to Post Footer 981sdsX

If yes, try this JS:
Code:

$(window).load(function() {
   $("head").append(
      "<style type='text/css'>" +
      "#FM_widget_share {" +
      "   margin-left: 130px !important;" +
      "}" +
      ".pun .postfoot .user-contact {" +
      "   width: auto !important;" +
      "}" +
      "</style>"
   );
   var oFoot = $('.postfoot:first .user-contact.profile_left'),
      FM_share = $('#FM_widget_share');
   $('#twitter_btn').detach().appendTo(FM_share);
   $('#fb_likebtn').detach().appendTo(FM_share);
   FM_share.detach().appendTo(oFoot);
});

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, 3:32 pm

@JScript That brings all the social media button to post foot only the forumotion twitter button needs to move, and please if you know how to fix the errors let me know I can not find a solution for them

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 JScript June 3rd 2015, 3:48 pm

FrOsTyXi wrote:@JScript That brings all the social media button to post foot only the forumotion twitter button needs to move
Ok, tray this:
Code:

$(window).load(function() {
   var oFoot = $('.postfoot:first .user-contact.profile_left');
   $('#twitter_btn').detach().appendTo(oFoot);
   $('#twitter-widget-1').detach().appendTo(oFoot);
});

FrOsTyXi wrote:, and please if you know how to fix the errors let me know I can not find a solution for them
Perhaps on another topic?

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, 3:55 pm

@JScript ok that moved the twitter button but you will see what needs to be done in this image
Move Twitter Button to Post Footer Captur10

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 JScript June 3rd 2015, 4:02 pm

@FrOsTyXi
See the way it appears to me:
Move Twitter Button to Post Footer QWRyE14

But as a simple visitor, I do not have access to the button "like". But this is something to be solved only with CSS...

If I do a login, maybe I could solve!

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:05 pm

@JScript details sent and thank you!!

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 JScript June 3rd 2015, 4:19 pm

@FrOsTyXi
The best I could do:
Move Twitter Button to Post Footer 2UgYj8k

Code:
Code:
$(window).load(function() {
   var oFoot = $('.postfoot:first .user-contact.profile_left');
   $('#twitter_btn').detach().appendTo(oFoot);
});

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:25 pm

@JScript can we move it a bit? looks fine on your screen but on mine looks like this

Move Twitter Button to Post Footer Captur12

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 JScript June 3rd 2015, 4:31 pm

@FrOsTyXi
Ok, try this:
Code:

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

JS
JScript
JScript
Forumember

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

http://jscript.forumeiros.com/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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