vBulletin LTS

← Back to vBulletin 4.x Add-ons

(SOS) BBCodes Warning, Success, Information and Error for VB4
Mod Version: 1.00, by preemz10314
vB Version: 4.2.1 Rating: (5 votes - 4.80 average) Installs: 18
Released: 23 Jun 2013 Last Update: Never Downloads: 170
Not Supported Additional Files Re-usable Code Translations  

Description:

A set of professional looking BBCode Warning, Success, Information, and Error boxes.

Note:

These BBCodes were created for IPBoard by a user named Fellon.
I take no credit for the coding of these BBCodes. I just seen these for IPBoard, and decided to find a way to Port them over to my Vbulletin Board. So I figured I would share this with the community.

Installation:

1)Upload the contents of the "upload" folder to your forum root
2)Go to: AdminCP>Custom BB Codes>Add New BB Code
3)Type in the following Info:

Success BB Code:

Title

Code:
Success
BB Code Tag Name

Code:
success
Replacement

Code:
<div class="noticeui noticeui-success">
	<h5>{option}</h5>
	<p>{param}</p>
	<span></span>
</div>
<style type="text/css">
.noticeui
{
	background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
	color: #FFF;
	width: 83%;
	font-weight: normal;
	padding: 13px 15px 0;	
	margin-bottom: 2.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	position: relative;
	left: 34px;
}
.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }
.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }
	.noticeui li { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
		.noticeui-success li { background-position: 0 -95px; }
		.noticeui-warn li { background-position: 0 -895px; }
		.noticeui-error li { background-position: 0 -495px; }
		.noticeui-info li { background-position: 0 -1295px; }
.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }
.noticeui span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
	.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
	.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
	.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
	.noticeui-info span { background-position: 100% -1200px;  }
}
</style>
Example

Code:
[success=Title]Content[/success]

Description

Code:
Success BB Code Box

Use {option}: YES

Button Image

Code:
images/infoibe.png
Remove Tag If Empty: YES

Disable BB Code Within This BB Code: NO

Disable Smilies Within This BB Code: YES

Disable Word Wrapping Within This BB Code: NO

Disable Automatic Link Parsing Within This BB Code: NO

SAVE

-----------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------

Error BB Code:

Title

Code:
Error
BB Code Tag Name

Code:
error
Replacement

Code:
<div class="noticeui noticeui-error">
	<h5>{option}</h5>
	<p>{param}</p>
	<span></span>
</div>
<style type="text/css">
.noticeui
{
	background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
	color: #FFF;
	width: 83%;
	font-weight: normal;
	padding: 13px 15px 0;	
	margin-bottom: 2.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	position: relative;
	left: 34px;
}
.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }
.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }
	.noticeui li { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
		.noticeui-success li { background-position: 0 -95px; }
		.noticeui-warn li { background-position: 0 -895px; }
		.noticeui-error li { background-position: 0 -495px; }
		.noticeui-info li { background-position: 0 -1295px; }
.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }
.noticeui span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
	.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
	.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
	.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
	.noticeui-info span { background-position: 100% -1200px;  }
}
</style>
Example

Code:
[error=Title]Content[/error]

Description

Code:
Error BB Code Box

Use {option}: YES

Button Image

Code:
images/infoibe.png
Remove Tag If Empty: YES

Disable BB Code Within This BB Code: NO

Disable Smilies Within This BB Code: YES

Disable Word Wrapping Within This BB Code: NO

Disable Automatic Link Parsing Within This BB Code: NO

SAVE
----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------

Information BB Code:

Title

Code:
Information
BB Code Tag Name

Code:
info
Replacement

Code:
<div class="noticeui noticeui-info">
	<h5>{option}</h5>
	<p>{param}</p>
	<span></span>
</div>
<style type="text/css">
.noticeui
{
	background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
	color: #FFF;
	width: 83%;
	font-weight: normal;
	padding: 13px 15px 0;	
	margin-bottom: 2.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	position: relative;
	left: 34px;
}
.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }
.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }
	.noticeui li { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
		.noticeui-success li { background-position: 0 -95px; }
		.noticeui-warn li { background-position: 0 -895px; }
		.noticeui-error li { background-position: 0 -495px; }
		.noticeui-info li { background-position: 0 -1295px; }
.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }
.noticeui span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
	.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
	.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
	.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
	.noticeui-info span { background-position: 100% -1200px;  }
}
</style>
Example

Code:
[info=Title]Content[/info]

Description

Code:
Information BB Code Box

Use {option}: YES

Button Image

Code:
images/infoibe.png
Remove Tag If Empty: YES

Disable BB Code Within This BB Code: NO

Disable Smilies Within This BB Code: YES

Disable Word Wrapping Within This BB Code: NO

Disable Automatic Link Parsing Within This BB Code: NO

SAVE

-----------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------

Warning BB Code:

Title

Code:
Warning
BB Code Tag Name

Code:
warn
Replacement

Code:
<div class="noticeui noticeui-warn">
	<h5>{option}</h5>
	<p>{param}</p>
	<span></span>
</div>
<style type="text/css">
.noticeui
{
	background: url(http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
	color: #FFF;
	width: 83%;
	font-weight: normal;
	padding: 13px 15px 0;	
	margin-bottom: 2.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	position: relative;
	left: 34px;
}
.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }
.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }
	.noticeui li { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
		.noticeui-success li { background-position: 0 -95px; }
		.noticeui-warn li { background-position: 0 -895px; }
		.noticeui-error li { background-position: 0 -495px; }
		.noticeui-info li { background-position: 0 -1295px; }
.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }
.noticeui span { background: url(http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
	.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
	.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
	.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
	.noticeui-info span { background-position: 100% -1200px;  }
}
</style>
Example

Code:
[warn=Title]Content[/warn]

Description

Code:
Warning BB Code Box

Use {option}: YES

Button Image

Code:
images/infoibe.png
Remove Tag If Empty: YES

Disable BB Code Within This BB Code: NO

Disable Smilies Within This BB Code: YES

Disable Word Wrapping Within This BB Code: NO

Disable Automatic Link Parsing Within This BB Code: NO

SAVE

-----------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------

NOTE: You could also download Advanced BB Code Permissions for Vbulletin 3.6. You can make it so that only your STAFF has access to these BB Codes. I can confirm, that the Advanced BB Code Permissions work on Vbulletin 4.2.1.

Download

File Type: %1$s BB Codes V2.zip (1.2 KB, 161 downloads)

Supporters / CoAuthors

  • Fellon
  • thetechgenius

Screenshots

Click image for larger version Name: bbcode test.png Views: 492 Size: 13.6 KB ID: 145543  


vblts.ru supports vBulletin®, 2022-2024