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.
The forum of the forums
3 posters

    Move Twitter Button to Post Footer

    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

    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

    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

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


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

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


    Male Posts : 460
    Reputation : 12
    Language : english

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


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

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


    Male Posts : 460
    Reputation : 12
    Language : english

    Solved Re: Move Twitter Button to Post Footer

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

    @SLGray Yes it sure is.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    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.

      Current date/time is November 11th 2024, 7:06 pm