MyBB Community Forums
MyCode, Button - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: MyCodes (https://community.mybb.com/forum-117.html)
+--- Thread: MyCode, Button (/thread-121624.html)

MyCode, Button - Harry K. - 2012-07-01

Hey guys, I have been working on this MyCode for a release this is made to make one [Image: e97dbb708b0b8e53a6d49628d3dbe874.png?1341158735]


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

RE: MyCode, Button - Modder - 2012-07-23

Nice post Xige Time!

RE: MyCode, Button - Toxique - 2012-07-28

How cool is that :p