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

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

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 SLGray on 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?


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

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

Anyone? Thank you!

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


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on May 29th 2015, 9:17 pm

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

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


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on May 29th 2015, 9:37 pm

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

http://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
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 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.


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on 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


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

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 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.


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on May 29th 2015, 10:11 pm

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

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

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


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

Post by FrOsTyXi on May 29th 2015, 10:28 pm

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

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

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.


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


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Twitter Button to Post Footer

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

bump

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

bump

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

bump

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


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


JS


JScript
Forumember

Male Posts : 741
Reputation : 168
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, 2:46 pm

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

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


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
Forumember

Male Posts : 741
Reputation : 168
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, 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
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, 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
Forumember

Male Posts : 741
Reputation : 168
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, 3:55 pm

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


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

@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

JScript
Forumember

Male Posts : 741
Reputation : 168
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:05 pm

@JScript details sent and thank you!!

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

@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

JScript
Forumember

Male Posts : 741
Reputation : 168
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:25 pm

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



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

@FrOsTyXi
Ok, try this:
Code:

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

JS

JScript
Forumember

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

http://jscript.forumeiros.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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