Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons
Reload this Page BB Code Enhancements - (SOS) BBCodes Warning, Success, Information and Error for VB4
FAQ Community Calendar Today's Posts Search

Reply
Page 2 of 2 1 2
 
Thread Tools
(SOS) BBCodes Warning, Success, Information and Error for VB4 Details »»
(SOS) BBCodes Warning, Success, Information and Error for VB4
MOD Information
The Developer
 
Version: 1.00, by preemz10314 preemz10314 is offline
Developer Last Online: Sep 2014 Show Printable Version Email this Page
Category: BB Code Enhancements - Version: 4.2.1 Rating:
Released: 06-21-2013 Last Update: Never Installs: 18
Re-useable Code Additional Files Translations  
No support by the author.

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 Now

File Type: zip BB Codes V2.zip (1.2 KB, 159 views)

Screenshots

File Type: png bbcode test.png (13.6 KB, 0 views)

Supporters / CoAuthors

    Show Your Support

    • This modification may not be copied, reproduced or published elsewhere without author's permission.
    Благодарность от:

    Comments
      #12  
    Old 01-30-2017, 03:12 PM
    mobster46 mobster46 is offline
    		 
    Join Date: Dec 2016
    Posts: 68
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    I have suggestions:

    I think the message should go out when you edit the message.
    Reply With Quote
      #13  
    Old 01-31-2017, 04:38 AM
    Elixar's Avatar
    Elixar Elixar is offline
    		 
    Join Date: Jan 2014
    Posts: 579
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Quote:
    Originally Posted by mobster46 View Post
    I have suggestions:

    I think the message should go out when you edit the message.
    You mean for the message to disappear when you edit it?
    Reply With Quote
      #14  
    Old 12-04-2017, 07:39 PM
    IggyP IggyP is offline
    		 
    Join Date: May 2012
    Posts: 252
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    ive noticed some issues in this with some common bbcodes.....

    for example fonts.....or tables.....i know at least those 2 dont work....shoves them outside the box in a mess at top left....

    any ideas on fixes?

    thanks
    Reply With Quote
    Reply
    Page 2 of 2 1 2

    « Previous Thread | Next Thread »

    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts
    BB code is On
    Smilies are On
    [IMG] code is On
    HTML code is Off
    Forum Jump


    All times are GMT. The time now is 01:54 AM.

    Contact Us - Archive - Top

    Powered by vBulletin® Version 3.8.12 by vBS
    Copyright ©2000 - 2024, vBulletin Solutions Inc.
    X vBulletin 3.8.12 by vBS Debug Information
    • Page Generation 0.04431 seconds
    • Memory Usage 2,295KB
    • Queries Executed 20 (?)
    More Information
    Template Usage:
    • (1)SHOWTHREAD
    • (1)ad_footer_end
    • (1)ad_footer_start
    • (1)ad_header_end
    • (1)ad_header_logo
    • (1)ad_navbar_below
    • (1)ad_showthread_beforeqr
    • (24)bbcode_code
    • (1)bbcode_quote
    • (1)footer
    • (1)forumjump
    • (1)forumrules
    • (1)gobutton
    • (1)header
    • (1)headinclude
    • (1)modsystem_post
    • (1)navbar
    • (4)navbar_link
    • (120)option
    • (1)pagenav
    • (1)pagenav_curpage
    • (1)pagenav_pagelink
    • (4)post_thanks_box
    • (4)post_thanks_button
    • (1)post_thanks_javascript
    • (1)post_thanks_navbar_search
    • (1)post_thanks_postbit
    • (4)post_thanks_postbit_info
    • (3)postbit
    • (2)postbit_attachment
    • (4)postbit_onlinestatus
    • (4)postbit_wrapper
    • (1)spacer_close
    • (1)spacer_open
    • (1)tagbit_wrapper 
    Phrase Groups Available:
    • global
    • inlinemod
    • postbit
    • posting
    • reputationlevel
    • showthread
    Included Files:
    • ./showthread.php
    • ./global.php
    • ./includes/init.php
    • ./includes/class_core.php
    • ./includes/config.php
    • ./includes/functions.php
    • ./includes/class_hook.php
    • ./includes/modsystem_functions.php
    • ./includes/functions_bigthree.php
    • ./includes/class_postbit.php
    • ./includes/class_bbcode.php
    • ./includes/functions_reputation.php
    • ./includes/functions_post_thanks.php 
    Hooks Called:
    • init_startup
    • init_startup_session_setup_start
    • init_startup_session_setup_complete
    • cache_permissions
    • fetch_threadinfo_query
    • fetch_threadinfo
    • fetch_foruminfo
    • style_fetch
    • cache_templates
    • global_start
    • parse_templates
    • global_setup_complete
    • showthread_start
    • showthread_getinfo
    • forumjump
    • showthread_post_start
    • showthread_query_postids
    • showthread_query
    • bbcode_fetch_tags
    • bbcode_create
    • showthread_postbit_create
    • postbit_factory
    • postbit_display_start
    • post_thanks_function_post_thanks_off_start
    • post_thanks_function_post_thanks_off_end
    • post_thanks_function_fetch_thanks_start
    • post_thanks_function_fetch_thanks_end
    • post_thanks_function_thanked_already_start
    • post_thanks_function_thanked_already_end
    • post_thanks_function_fetch_thanks_bit_start
    • post_thanks_function_fetch_thanks_bit_end
    • post_thanks_function_fetch_post_thanks_template_start
    • post_thanks_function_fetch_post_thanks_template_end
    • fetch_musername
    • postbit_imicons
    • bbcode_parse_start
    • bbcode_parse_complete_precache
    • bbcode_parse_complete
    • postbit_attachment
    • postbit_display_complete
    • post_thanks_function_can_thank_this_post_start
    • pagenav_page
    • pagenav_complete
    • tag_fetchbit_complete
    • forumrules
    • navbits
    • navbits_complete
    • showthread_complete