MyBB Community Forums

Full Version: Button on the Links
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello! I am wondering how am I sopose to add Buttons to my Forums? I am in the middle of making a custom theme and I am in need of getting this fixed.

My Website:
www.chillax-mc.com/forums/

On there you will see how ugly I have it lol. If you need any info on the pages and I will be glad to provide it.
(2012-01-31, 05:16 AM)Yaldaram Wrote: [ -> ]You may use either of these;
http://yaldaram.com/showthread.php?tid=502
http://mods.mybb.com/view/menu-manager

Not what I mean. I mean how do I get an Background for the Button.
OK, if you're using .menu class for these buttons then you've to add the following attribute in the class in global.css;
background-color: #000000;
Replace #000000 with your desired color.


Or if you want to add an image behind the menu, then
background-image: url("IMAGE PATH GOES HERE");
(2012-01-31, 05:34 AM)Yaldaram Wrote: [ -> ]OK, if you're using .menu class for these buttons then you've to add the following attribute in the class in global.css;
background-color: #000000;
Replace #000000 with your desired color.


Or if you want to add an image behind the menu, then
background-image: url("IMAGE PATH GOES HERE");
It didn't work for a picture.
.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 4px;
        background-image: url(images/chillax/button.png) repeat-x;
}

.menu ul a:link {
	color: #000000;
	text-decoration: none;
        background-image: url(images/chillax/button.png) repeat-x;
}

.menu ul a:visited {
	color: #000000;
        background-image: url(images/chillax/button.png) repeat-x;
}

.menu ul a:hover, .menu ul a:active {
	color: #4874a3;
	text-decoration: none;
        background-image: url(images/chillax/button.png) repeat-x;
}


This is not working. The picture I have is a PNG file. I'll put the picture as a attachment.

www.chillax-mc.com
Okay, I got it working now. But now I am confused. Why is the letters on it not centered? Also how to I get curves on the tips of the picture.