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.

Trying to change the "+" and "-" Buttons!

View previous topic View next topic Go down

Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 18th 2013, 2:02 pm

I am trying to change the Like and Dislike buttons (+ l -) on my fourm.

But no matter how I try to change them in the Administration Panel and Pics Managment...

They stay as the little + and -


I would like some type of "Like / Green Thumbs Up" and "Dislike / Red Thumbs Down" that is a little bit larger to replace them.

That + and - is so small, most people dont even notice them or know what they are for.


Any help and suggestions?

Thanks



http://spaamcollectorsforum.forumotion.com/


coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 18th 2013, 2:35 pm

Check this topic out, it might be what you're looking for:

http://help.forumotion.com/t108561-a-new-like-dislike-system-phpbb3-and-invision#709635

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by MasterSly on February 18th 2013, 2:37 pm


CSS Stylesheet
Code:
.sin1mion11{
transform: translate(-8px, 0px);
}

viewtopic_body
find this
Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
and do like this
Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><div class="sin1mion11"><img src="http://r29.imgfast.net/users/2915/92/76/67/album/finish10.png" /></div></a></div>
then find this
Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
and do like this
Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><div class="sin1mion11"><img src="http://r29.imgfast.net/users/2915/92/76/67/album/finish11.png" /></div></a></div>

Smile

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 18th 2013, 6:47 pm

Thanks guy!

I like the new Like System.


I have it running and working on my forum now....


http://spaamcollectorsforum.forumotion.com/





But I could use some help altering it a little bit.


Here are my issues...
- The LIKE button is showing up under the avatar of the poster. How do I make it show up under the post like it does in the examples posted?
- I like the color... but how do I make the button a little larger?


THANKS!

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 18th 2013, 7:44 pm

Hello, glad you like the new system!

I don't see the "examples posted" that you are speaking of, however you can make the button move to the right by adding this code before the closing CSS bracket }

Code:
float: right;

So the entire thing looks like this:

Code:
LGlike {
    background: none repeat scroll 0 0 #105289;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #888888;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    margin-right: 100px;
    padding: 3px;
    text-shadow: -1px 0.5px #888888;
    float: right;
}

And to push the button more to the left towards the center change the margin-right: 100px; like I did in the code above to a higher number like 200 if needed, or to bring it back over to the right decrease the value to maybe 50. Just keep adjusting that number until you have it where you want it.

As far as the size goes I'm not sure how to do that yet. Smile

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 18th 2013, 8:44 pm

Thanks man!

So far so good!



So I got the LIKE box to move where I want it.

But the text part that says how many likes a post has received is still in the same spot.


What code do I change to move that as well?



coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 18th 2013, 8:52 pm

Great, can you turn the like button on again so I can see it on your forum? thanks

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 18th 2013, 9:15 pm

@runawayhorses wrote:Great, can you turn the like button on again so I can see it on your forum? thanks


It should be on?!?!?


I see it just fine. Question


Looks like this....






I was able to make the button larger by just increasing the size of the LIKE font.

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 18th 2013, 9:22 pm

I have also noticed that the new LIKE button... does NOT effect the Reputation system.

I am guessing there is no way to change that?

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by SLGray on February 18th 2013, 9:40 pm

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!
I believe it should effect the reputation.


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


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 18th 2013, 9:45 pm

Well its not showing up in all the posts just some of them, but I did find one that had the like button, and I'm going to have to let someone else figure this out I can't seem to make the like count numbers move to the right, sorry. There appears to be something wrong for only some posts to show the like button and not all of them. And the like button is suppose to effect the Reputation system every time a post is liked it adds a certain amout of points depending on how many you have it set to add, and if that is not happening that's another thing that's wrong with it on your forum. You have to reload the page to see the points added to the post in the reputation count under the profile, it will display a like in the button but the reputation count you have to reload the page to see the added like. I'll have to let someone else solve this its out of my league.

Sorry and good luck. Smile

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 19th 2013, 1:50 pm

Opps! Sorry for the quick double post!

I will make sure to just edit a previous post next time.



You guys are correct... I was not noticing the change in reputation b/c the page has to reload in order to show an update in the numbers.

Thanks =)



Is that above CSS code correct?

When I add it to my CSS Sheet is says there is an error.


I really appreciate all the help on this matter! Especially such quick responses!

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 19th 2013, 1:56 pm

Hi, yeah there was a mistake in it, was missing a bracket, I fixed it try it now:

Code:
.LGvote, .LGnovote {
float: right;
margin-right: 50px;
}

Of course put the original code back as it was, and just add this new code also.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 19th 2013, 2:05 pm

@runawayhorses wrote:Hi, yeah there was a mistake in it, was missing a bracket, I fixed it try it now:

Code:
.LGvote, .LGnovote {
float: right;
margin-right: 50px;
}

Of course put the original code back as it was, and just add this new code also.


That did the trick!





Here is how it currently looks. I have even edited/increased the size of the "margin right" quite a bit inorder to move
the "0 Likes" away from the Like Button a little bit. But the "0 Likes" doesn't seem to move... it just stays where it is at.




I have also noticed that after you click on the LIKE button... it moves all the way over to the right margin, instead of just staying in the same spot.

How do I keep the LIKE Button and the Number of Likes in the same spot... after the LIKE button has been clicked?

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 19th 2013, 2:16 pm

I have no idea, maybe when rideem comes on he will know and tell you. Smile

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 19th 2013, 5:32 pm

Rideem3 wrote:Oh, I made a typo.

Why is the number of likes on the left side? It should be on the right.


lol


I have no clue!

I just changed the number of the margin for the LIKE Button to move it over to the right side of the post.


The code I entered to move the "Number of Likes" all I tried changing to move its position was the margin number. But that hasn't worked. It stays in the same spot regardless.

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 20th 2013, 3:52 pm

Yes it was!


Here is how it originally looked.





After I added the new code... the "LIKE" button moved to the far right of the forum. But the "Number of Likes" remained in the same spot.

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 20th 2013, 5:52 pm

I did.

Here is how it looks with that code...




The Number of Likes is almost right on type of the LIKE Button.

I was trying to alter the code to move the Number of Likes over a little bit.

But regardless of how I change the numbers, it stays in the same spot.


Hope that all made sense. scratch

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 20th 2013, 6:50 pm

Nothing changes.


See how the # of Likes and the Like Button are so close together... they are practically on top of each other.





That is what I am trying to change. Seperate them a little bit.


None of the recent codes have changed anything.


*** UPDATED NEW ISSUE ***
I now have forum users who say they dont see the new LIKE Button. All they see is the old + and - buttons. And are still able to Dislike comments.

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by coachk28 on February 21st 2013, 12:09 pm

Rideem3 wrote:Ask them to hit CTRL + F5.

Can you PM me a test admin account?



Good idea!

I will ask them to do a screen grab and send it to me.


coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Re: Trying to change the "+" and "-" Buttons!

Post by runawayhorses on February 22nd 2013, 3:13 am

Try this, remove all the coding that you used trying to fix this but the original like code so you can try this with no influence from other codes trying to fix this positioning issue.
Add this inside the LGlike { part of the original code.

Code:
margin-right: 5px;

So it looks like this, notice the margin-right is at the bottom of the LGlike code inside the bracket:

Code:
    LGlike {
        background: none repeat scroll 0 0 #105289;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 1px 1px 1px #888888;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 10px;
        font-weight: 700;
        margin-right: 100px;
        padding: 3px;
        text-shadow: -1px 0.5px #888888;
        margin-right: 5px;
    }

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

View previous topic View next topic Back to top


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