WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Voting bar

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Voting bar on Tue Jun 22, 2010 1:08 am

Jake


Registered Member
Registered Member
I don't know if this is HTML or CSS but I would like help changing my voting bar to one icon. I don't have the image yet but it will say Honor on it. You press it to Honor someone. This is like Ego-one's except its not a thumbs up. Can anybody help me please? scratch

2 Re: Voting bar on Tue Jun 22, 2010 6:22 am

ankillien


Administrator
Administrator
Hello!

So, you want to remove the minus reputation button?

3 Re: Voting bar on Tue Jun 22, 2010 6:56 am

Jake


Registered Member
Registered Member
Yes and I want to replace the plus button with another button that says honor. Did I post this in the right place?

4 Re: Voting bar on Tue Jun 22, 2010 8:32 am

ankillien


Administrator
Administrator
Ok. Here is a code to remove the minus button...

Code:
.vote-button a[href="/your-first-forum-f1/new-test-topi-t3.htm?p_vote=23&eval=minus"] {
display : none;
}


To put another image for plus button use this code...

Code:
.vote-button a[href="/your-first-forum-f1/new-test-topi-t3.htm?p_vote=23&eval=plus"] {
background : url(IMAGE URL HERE) no-repeat;
padding-right : 20px;
color : transparent;
}


If the button doesn't show up fully, you can adjust the padding for right/left/top/bottom Very Happy

5 Re: Voting bar on Tue Jun 22, 2010 8:49 am

Jake


Registered Member
Registered Member
Sorry im kinda new at this. where do I put this? Is it Post and private messages>Posting Body or is it CSS?

6 Re: Voting bar on Tue Jun 22, 2010 11:13 am

ankillien


Administrator
Administrator
You need to put it in the CSS.

7 Re: Voting bar on Tue Jun 22, 2010 6:55 pm

Jake


Registered Member
Registered Member
It didn't work. Is this for punbb? Also can you move this topic to css.

8 Re: Voting bar on Wed Jun 23, 2010 7:32 am

ankillien


Administrator
Administrator
Oops, sorry I thought you had phpBB3.
Here is code for punBB...

Code:
.vote-button a[href*="eval=minus"]{
display:none !important;
}

.vote-button a[href*="eval=plus"]{
color : transparent;
background : url(IMAGE URL HERE) no-repeat;
}

9 Re: Voting bar on Wed Jun 23, 2010 8:07 am

Jake


Registered Member
Registered Member
Perfect! Now I need to remove the line between the plus and the minus and the bar that comes up after you press honor.

10 Re: Voting bar on Wed Jun 23, 2010 9:57 am

ankillien


Administrator
Administrator
This code will remove both of them.

Code:
.vote-no-bar , .vote-bar {
display:none;
}

11 Re: Voting bar on Wed Jun 23, 2010 10:11 am

Jake


Registered Member
Registered Member
Thanks! Your helping so much. Last problem though. pale I know you said I could use code to push it over(if I knew how) but its not only pushed over but it also doesn't show the full image. Example:

That little darker grey line under the 1 is where the button is the button cut off.

12 Re: Voting bar on Wed Jun 23, 2010 10:29 am

ankillien


Administrator
Administrator
Can you give me the URL of the button image you are using?

13 Re: Voting bar on Wed Jun 23, 2010 10:29 am

Jake


Registered Member
Registered Member
Well it was just a test image. I haven't got the real one yet.

14 Re: Voting bar on Wed Jun 23, 2010 9:56 pm

ankillien


Administrator
Administrator
You can adjust it by adding margins and padding in this code...like this...

Code:
.vote-button a[href*="eval=plus"]{
color : transparent;
background : url(IMAGE URL HERE) no-repeat;
margin-right : -10px;
padding-bottom : 10px;
}

15 Re: Voting bar on Thu Jun 24, 2010 1:20 am

Jake


Registered Member
Registered Member
Man im so stupid. I can't get it to move over.

16 Re: Voting bar on Thu Jun 24, 2010 8:00 am

ankillien


Administrator
Administrator
hmm..try margin or padding with any direction top/bottom/left/right.
Also try adding !important tag after the value, like this...

margin-top : 10px !important;

17 Re: Voting bar on Sun Jun 27, 2010 10:18 am

Jake


Registered Member
Registered Member
Ok thanks! Please lock this. Wink

18 Re: Voting bar on Sun Jun 27, 2010 10:48 am

Jophy


Registered Member
Registered Member
Solved => Topic Locked

http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Voting bar

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