First to comment! Thanks for this. Think always for positive ones. :-)

hi forumotion, I wanted to ask. why when I change the code, appears orders "The tag has been closed before being opened or the tag hasn't been opened." and can not be replaced. anyone know? I use phpBB2. sorry I am not good at HTML problem.
thank-you

Thank you so much, Typlo. My forum is for children, so this help reduce meanness. But of course adults are mean too.

I was read this tutorial in another's FDF. Is absolutely great!

Thank you Typlo ^^

CSS isn't working for PHPBB3

Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:


.vote .vote-button a {
background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important;
padding-right: 25px;
padding-top: 22px;
font-size: 0px !important;
}


Note: Depending on your board, you'll have to readjust the padding.

Thanks for the feature, however, That thumbs up icon should be possible on other forums besides only phpBB2 and punBB.

Thank's you

Really useful.
Thank you.

SPADEZ wrote:Thanks for the feature, however, That thumbs up icon should be possible on other forums besides only phpBB2 and punBB.

Check my reply. It is possible with CSS.

Why on earth would someone add display:none; to a template?

Please people, use the CSS instead! It works on all board types. Changing the DOM in this fashion is poor HTML design practice. I strongly suggest that the original post be edited to only show the CSS solution for removing the minus sign.

And a suggestion to the eToxic folks. You have plus and minus sign images in the ACP in the Mini-Icons section of Pics Management. How about putting those in the template instead of ASCII +/- characters? In that way, you could get rid of part II of this "tip" and just let admins change the vote images by changing the images in the ACP...

Do I have to think of everything for you? Hey, eToxic...let's talk.

Congrulations.
Thank you!

pimentel2 wrote:Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:


.vote .vote-button a {
background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important;
padding-right: 25px;
padding-top: 22px;
font-size: 0px !important;
}


Note: Depending on your board, you'll have to readjust the padding.

No matter how much I adjust this it does not show the full image...
As you can see in this pic here: I am using Invision. My forum link is in the obvious location of my post profile.

SPADEZ wrote:

pimentel2 wrote:Got the code working for PHPBB3, just removed the /*-- line

Also, after playing around with padding, etc, I got an image for the positive rep for the PHPBB3 version.

Here's the code

Code:


.vote .vote-button a {
background-image: url('http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png') !important;
padding-right: 25px;
padding-top: 22px;
font-size: 0px !important;
}


Note: Depending on your board, you'll have to readjust the padding.

No matter how much I adjust this it does not show the full image...
As you can see in this pic here: I am using Invision. My forum link is in the obvious location of my post profile.

I took me a while. Your gonna have to play around with the padding.

Try adding !important to it

pimentel2 wrote:Try adding !important to it

Didn't work, I already tried that. Their is something in that code that is missing to work on my forum I guess. I use a website debugger (firebug) and I was adjusting the padding values on the fly and nothing I put allowed it to show as a full icon for some reason.

SPADEZ wrote:

pimentel2 wrote:Try adding !important to it

Didn't work, I already tried that. Their is something in that code that is missing to work on my forum I guess. I use a website debugger (firebug) and I was adjusting the padding values on the fly and nothing I put allowed it to show as a full icon for some reason.

Try editing it on the live version, perhaps?

Yes, it's the same difference only with firebug i can modify it without going through my ACP back and forth saving and cancelling.

I am writing a tutorial that will show how to replace the +/- characters in the vote buttons with images. The tutorial will work on all four forumotion board types.

And in the future, if a tutorial/tip posted here requires templates, I will write a similar tutorial for phpBB3 and IPB2/Invision boards if the tutorial/tip can be done using javascript. I have already written a tutorial for phpBB3 and IPB2/Invision boards that removes the topics/messages columns as described in this topic.

Please note, due to the double-standard that exists on this forum, I cannot post the name/URL of the forum where the tutorials reside, nor can I tell you anything more than what I just have...

I'm read this tutorial in other forum !

thanks for the tutorial

Cool Dion, I'm pretty sure you'll have a solution to my problem and well put tutorial. I'll be looking forward to viewing it

Thanks

ReGaRdS

for (-) who is the code?

Thanks for enabling removal of this, makes my site more friendly.

Thanks for this. I love it. It's great

I replaced the + and - with images but how do i move them to the left:

it doesnt work in phpbb3!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Dion wrote:Why on earth would someone add display:none; to a template?

Please people, use the CSS instead! It works on all board types. Changing the DOM in this fashion is poor HTML design practice. I strongly suggest that the original post be edited to only show the CSS solution for removing the minus sign.

I can't remember why I put the templates modification for phpBB2 and punBB in the original tuto, but if I did it while the CSS solution works, there is probably a reason.

This does not work for phpBB3!