MyBB Community Forums

Hi guys,

How to change the buttons? I see it's done with the "sprite" system and I totaly dislike it. 
Always found it hard to understand how it works..

So how do I easly change buttons?


Cheers.

MyBB 1.8 buttons are using CSS background image property with span element code in the templates.
that span code can be commented out & required image code can be inserted to suit your feelings!

example : forumdisplay_newthread template

<a href="newthread.php?fid={$fid}" class="button new_thread_button"><span>{$lang->post_thread}</span></a>

change to =>

<a href="newthread.php?fid={$fid}" class="button new_thread_button"><!-- span>{$lang->post_thread}</span --> <img src="{$theme['imglangdir']}/newthread.gif" alt="{$lang->post_thread}" title="{$lang->post_thread}" /></a>

Thanks for your help .m.

But then I get this: 
[attachment=32686]

The dark grey are leftovers of the default button.

Lil Bump!

Do you have a background image to the buttons in css?

no, the dark grey is the default "button" of mybb that should be gone. I uploaded my own button using the code from .m.

you can remove button class from such links

<a href="newthread.php?fid={$fid}" class="new_thread_button"><!-- span>{$lang->post_thread}</span --> <img src="{$theme['imglangdir']}/newthread.gif" alt="{$lang->post_thread}" title="{$lang->post_thread}" /></a> 

OR

global.css around line 1339

a.button:link, a.button:hover, a.button:visited, a.button:active {
    background: url("images/tcat.png") repeat-x scroll 0 0 #0F0F0F;
    border: 1px solid #000000;
    .... .... ..... 

comment out background & border properties like this

a.button:link, a.button:hover, a.button:visited, a.button:active {
   /* background: url("images/tcat.png") repeat-x scroll 0 0 #0F0F0F;
    border: 1px solid #000000; */
    .... .... ..... 

Methode 2 It worked for New Thead, but it also effects the New Reply button. That is gone now.

Where is the code u posted first located?

And can u help me fix the New Reply button please? It's gone now and I forgot what the background url was.

^ I thought you had also replaced new reply button with an image (like the new thread image)
suggested first code is from post #2

Ill have u take a look at it  It confuses me.

the 2 new images i made are in:
images/newthread.png
images/newreply.png