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.

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

4 posters

Go down

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

Post by coachk28 February 18th 2013, 1: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/

Trying to change the "+" and "-" Buttons! Like_a10
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 18th 2013, 1:35 pm

avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by MasterSly February 18th 2013, 1:37 pm

Trying to change the "+" and "-" Buttons! 800_a_98
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
MasterSly
Forumember

Male Posts : 173
Reputation : 6

http://greekfmsupport.forumgreek.com/

Back to top Go down

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

Post by coachk28 February 18th 2013, 5:47 pm

Thanks guy!

I like the new Like System.


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


http://spaamcollectorsforum.forumotion.com/



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

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!
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 18th 2013, 6: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
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by coachk28 February 18th 2013, 7: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?


avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 18th 2013, 7:52 pm

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

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by coachk28 February 18th 2013, 8: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....


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



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

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by coachk28 February 18th 2013, 8: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?
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by SLGray February 18th 2013, 8: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.


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

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by runawayhorses February 18th 2013, 8: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
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by coachk28 February 19th 2013, 12: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!
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 19th 2013, 12: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.
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by coachk28 February 19th 2013, 1: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!


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


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?
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 19th 2013, 1:16 pm

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

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

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

Post by coachk28 February 19th 2013, 4: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.
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by coachk28 February 20th 2013, 2:52 pm

Yes it was!


Here is how it originally looked.


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


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.
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by coachk28 February 20th 2013, 4:52 pm

I did.

Here is how it looks with that code...

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


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
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by coachk28 February 20th 2013, 5: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.


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


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.
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by coachk28 February 21st 2013, 11:09 am

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.

avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by runawayhorses February 22nd 2013, 2: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;
    }
avatar
runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top

- Similar topics

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