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

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]

1Voting bar Empty Voting bar Tue Jun 22, 2010 2:38 am

Jake

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

2Voting bar Empty Re: Voting bar Tue Jun 22, 2010 7:52 am

ankillien

ankillien
Administrator
Administrator
Hello!

So, you want to remove the minus reputation button?

3Voting bar Empty Re: Voting bar Tue Jun 22, 2010 8:26 am

Jake

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?

4Voting bar Empty Re: Voting bar Tue Jun 22, 2010 10:02 am

ankillien

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

5Voting bar Empty Re: Voting bar Tue Jun 22, 2010 10:19 am

Jake

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?

6Voting bar Empty Re: Voting bar Tue Jun 22, 2010 12:43 pm

ankillien

ankillien
Administrator
Administrator
You need to put it in the CSS.

7Voting bar Empty Re: Voting bar Tue Jun 22, 2010 8:25 pm

Jake

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

8Voting bar Empty Re: Voting bar Wed Jun 23, 2010 9:02 am

ankillien

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;
}

9Voting bar Empty Re: Voting bar Wed Jun 23, 2010 9:37 am

Jake

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.

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

ankillien

ankillien
Administrator
Administrator
This code will remove both of them.

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

11Voting bar Empty Re: Voting bar Wed Jun 23, 2010 11:41 am

Jake

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:
Voting bar Snapsh32
That little darker grey line under the 1 is where the button is the button cut off.

12Voting bar Empty Re: Voting bar Wed Jun 23, 2010 11:59 am

ankillien

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

13Voting bar Empty Re: Voting bar Wed Jun 23, 2010 11:59 am

Jake

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

14Voting bar Empty Re: Voting bar Wed Jun 23, 2010 11:26 pm

ankillien

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;
}

15Voting bar Empty Re: Voting bar Thu Jun 24, 2010 2:50 am

Jake

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

16Voting bar Empty Re: Voting bar Thu Jun 24, 2010 9:30 am

ankillien

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;

17Voting bar Empty Re: Voting bar Sun Jun 27, 2010 11:48 am

Jake

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

18Voting bar Empty Re: Voting bar Sun Jun 27, 2010 12:18 pm

Jophy

Jophy
Registered Member
Registered Member
Voting bar Cadena10Solved => Topic Locked

http://www.socialtechforum.com/

Sponsored content


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