+ Post New Thread button

+ Post New Thread button - change style

Mod Version: 1.00, by AURFSCAN

vB Version: 4.x.x	Rating: (1 vote - 5.00 average)	Installs: 6
Released: 26 Mar 2012	Last Update: Never	Downloads: 0
Not Supported Template Edits

Change the look of that horrible big fat ugly + Post New Thread button

edit the vbulletin-chrome.css template

find

Code:

/* NEW CONTENT LINK */
.newcontent_textcontrol {
	background: {vb:stylevar control_content_background};
	_background-image: none;
	-moz-border-radius: {vb:stylevar control_content_radius};
	-webkit-border-radius: {vb:stylevar control_content_radius};
	-moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	-webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	font: {vb:stylevar control_content_font};
	color: {vb:stylevar control_content_color};
	padding: {vb:stylevar control_content_padding};
	border: {vb:stylevar control_content_border};
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
}
.newcontent_textcontrol span {
	font-size:15px;
	font-weight:bold;
	display:inline;
}
.newcontent_textcontrol:hover {
	background: {vb:stylevar control_content_hover_background};
	_background-image: none;
	color: {vb:stylevar control_content_hover_color};
	text-decoration: none;
}

Replace it with this and change the bold and experiment

Code:

/* NEW CONTENT LINK */
.newcontent_textcontrol {
	background: #DEDEDE;
	_background-image: none;
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
        -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	-webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
	font: Tahoma, Calibri, Verdana, Geneva, sans-serif;
	color: #303030;
	padding: {vb:stylevar control_content_padding};
	border: 1px solid #333333;
	display:block;
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	font-size:11px;
	font-weight:bold;
}
.newcontent_textcontrol span {
	font-size:11px;
        display:inline;
}
.newcontent_textcontrol:hover {
	background: {vb:stylevar control_content_hover_background};
	_background-image: none;
	color: {vb:stylevar control_content_hover_color};
	text-decoration: none;
}

background: is the button color
font: is the font family, leave it {vb:stylevar control_content_font} If you want
color: is the font color
border: is the border thickness/color

font-size:11px;has been added to change the font size - optional
font-weight:bold; has been added to make the font bold - optional

.newcontent_textcontrol span font-size is the size of the +

color codes http://www.colorpicker.com/

Download

No files for download.

Screenshots

vBulletin LTS