Trying to change the "+" and "-" Buttons!
4 posters
Page 1 of 1
Trying to change the "+" and "-" Buttons!
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/
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
Re: Trying to change the "+" and "-" Buttons!
Check this topic out, it might be what you're looking for:
https://help.forumotion.com/t108561-a-new-like-dislike-system-phpbb3-and-invision#709635
https://help.forumotion.com/t108561-a-new-like-dislike-system-phpbb3-and-invision#709635
Re: Trying to change the "+" and "-" Buttons!
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>
- 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>
- Code:
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
- 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>
Re: Trying to change the "+" and "-" Buttons!
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!
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
Re: Trying to change the "+" and "-" Buttons!
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 }
So the entire thing looks like this:
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.
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.
Re: Trying to change the "+" and "-" Buttons!
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?
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
Re: Trying to change the "+" and "-" Buttons!
Great, can you turn the like button on again so I can see it on your forum? thanks
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying to change the "+" and "-" Buttons!
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?
I am guessing there is no way to change that?
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying to change the "+" and "-" Buttons!
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! |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Trying to change the "+" and "-" Buttons!
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.
Sorry and good luck.
Re: Trying to change the "+" and "-" Buttons!
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!
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
Re: Trying to change the "+" and "-" Buttons!
Hi, yeah there was a mistake in it, was missing a bracket, I fixed it try it now:
Of course put the original code back as it was, and just add this new code also.
- 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.
Re: Trying to change the "+" and "-" Buttons!
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
Re: Trying to change the "+" and "-" Buttons!
I have no idea, maybe when rideem comes on he will know and tell you.
Re: Trying to change the "+" and "-" Buttons!
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
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying to change the "+" and "-" Buttons!
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.
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
Re: Trying to change the "+" and "-" Buttons!
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
Re: Trying to change the "+" and "-" Buttons!
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.
So it looks like this, notice the margin-right is at the bottom of the LGlike code inside the bracket:
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;
}
Similar topics
» How would I change the "visitor messages" "post" or "reply" buttons from the private message buttons?
» buttons change
» how to change buttons
» How do I change buttons to...
» How do i change buttons?
» buttons change
» how to change buttons
» How do I change buttons to...
» How do i change buttons?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum