Move Twitter Button to Post Footer

[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

[SLGray]

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?

[FrOsTyXi]

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

Anyone? Thank you!

[SLGray]

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!

[FrOsTyXi]

@SlGray sorry about that and no they are not, you are mistaken.

[SLGray]

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

[FrOsTyXi]

@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

[SLGray]

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.

[FrOsTyXi]

@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


Post footer (Facebook Like Butoon) Correct placing for my forum needs the Twitter button beside it.


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

[SLGray]

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.

[FrOsTyXi]

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

Regards
FrOsTyXi

[SLGray]

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

[FrOsTyXi]

@SLGray No I am not, you are confused sir.

[SLGray]

Are you referring to this:    which is blue on the forums?

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

[FrOsTyXi]

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

bump

[FrOsTyXi]

bump

[FrOsTyXi]

bump

[JScript]

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:


Second error + a window that asks me to log in which prevents me from continuing my tests:


JS

[FrOsTyXi]

@JScript Sorry about that I have removed that JavaScript for now and there should be no error

[JScript]

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


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

[FrOsTyXi]

@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

[JScript]

@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);
});


, 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

[FrOsTyXi]

@JScript ok that moved the twitter button but you will see what needs to be done in this image


Regards
FrOsTyXi

[JScript]

@FrOsTyXi
See the way it appears to me:


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

[FrOsTyXi]

@JScript details sent and thank you!!

Regards
FrOsTyXi

[JScript]

@FrOsTyXi
The best I could do:


Code:

Code:

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

JS

[FrOsTyXi]

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



Regards
FrOsTyXi

[JScript]

@FrOsTyXi
Ok, try this:

Code:


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


JS