Changing Default Buttons

[Former Member]

Could I possibly receive some help with changing the default buttons?

Such as: New, Reply, Create Thread, Post Quick Reply, etc.

I tried a plug-in that allows me to change the text of the buttons, but it didn't work for all of them, and the text isn't the only thing I want to change. I'd like to have a custom button for each of them.

I'm hoping it can be done within the css and that they don't all use the same line, meaning changing one thing changes it for all of them.

[Azy]

Some buttons are accessible as template variables, which might be an excellent starting point for affecting some changes. Usually you'd use the variable as-is, and place it where you want on the template, for example:

$[reply_button] .


But usually you have a href argument too which you can then pass to an anchor tag:

<a class="reply-button CustomReplyButtom" href=$[reply_button.href]>Pretty much any text you want here!</a>


And once you do that, you can do anything, such as put a background image in that anchor tag.

~In the template~
<a class="reply-button CustomReplyButtom" href=$[reply_button.href]></a>


~In the CSS~

.CustomReplyButton {
background-image:url('example.png');
}


Try that in a few places, and see if it's what you're after. If you want further tinkerings, I'll give you a hand tomorrow 
    

[Former Member]

Holy crap that's amazing.

I'm gonna play around with that now. Thanks for the information!

[Azy]

No worries! I used this on my forum to add a full reply button on the quick reply window, then styled both buttons to look the same.
If you're adding images (or styling in any way at all really) you can add different styles for when the button is hovered over and when it's actually clicked. Like this for example:

.CustomReplyButton:hover {
background-image:url('hoverbutton.png');
}

.CustomReplyButton:active {
background-image:url('activebutton.png');
}

Have lots of fun

[Former Member]

Ooo, I wanted the hover effect for some of them.

You're one of my new favorite people.

[Azy]

Oh bless ya! Thank you!
That's so lovely.  Really really glad I could help!