MyBB Community Forums

Hey guys, I have been working on this MyCode for a release this is made to make one


It is a link and a button *How cool?* :p

Anyway to do this

Title

Button

Short Description

Adds a stylish button to your forum.

Regular Expression

\[button=(.*?)\](.*?)\[/button\]

Replacement

<a class="button" href="$1" target="_blank" style="color: #FFFFE0;">$2</a>

Enabled

Yes

Parse Order

0

Ok So now you have a button but is it not only a button it matches ALL buttons on your forum.

You can edit these buttons by changing color of the text the CSS and background of the button.

Just ask for more info on that.

---

If you want a button the same exact design as the one on MyBBSupport go to your global CSS and add this code at the bottom

.mybbsupportbutton {
	background: #475F66 url(images/imperial/highlight.png) repeat-x 0 0;
	color: white;
	text-decoration: none;
	border-width: 1px;
	border: 0;
	padding: 5px 11px;
	cursor: pointer;
	color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	border: 1px solid #555;
	text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.3);
	font-family: tahoma;

}

.mybbsupportbutton:hover {
	background: #a2bfcf url(images/imperial/highlight.png) repeat-x 0 0;
	color: #000;
	text-shadow: 1px 1px 1px #ccc;
	border: 1px solid #6b9aa8;
}

.mybbsupportbutton:active {

	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
	transition: 0s;
	

	-webkit-transform: scale(1.1);

}

And make the "Replacement" code:

<a class="mybbsupportbutton" href="$1" target="_blank" style="color: #FFFFE0;">$2</a>

Thanks. Please leave feedback as this is my first release.

I will be making more

Nice post Xige Time!

How cool is that :p