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 1 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
      #2  
    Old 06-23-2013, 02:39 PM
    RedTurtle's Avatar
    RedTurtle RedTurtle is offline
    		 
    Join Date: May 2006
    Location: California
    Posts: 205
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Seems pretty cool but would recommend not linking to images on imageshack. They may disappear in the future and break the entire mod.
    Reply With Quote
      #3  
    Old 06-23-2013, 06:16 PM
    preemz10314 preemz10314 is offline
    		 
    Join Date: Oct 2010
    Posts: 189
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Quote:
    Originally Posted by RedTurtle View Post
    Seems pretty cool but would recommend not linking to images on imageshack. They may disappear in the future and break the entire mod.

    I agree. But this Mod was made a really long time ago, and that was the original coders work. All I did was port it to Vbulletin.

    However, I guess I could change the coding and link to the images on the server, instead of imageshack. Ill update this tomorrow with the code changes.
    Reply With Quote
      #4  
    Old 02-01-2014, 04:15 AM
    ckgb ckgb is offline
    		 
    Join Date: Oct 2007
    Posts: 125
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    I like it )) Images are easy to move.
    Reply With Quote
      #5  
    Old 07-20-2014, 01:09 AM
    thetechgenius's Avatar
    thetechgenius thetechgenius is offline
    		 
    Join Date: Jun 2014
    Posts: 258
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Here are the images. Just put them in "forum_root/images/" .

    You will also need to edit the CSS in the BBCodes and change the image URLs, there are only 3 URLs you need to change in each BBCode.

    I also included 4 BBCode button images for the BBCodes. When you link the button image when you create the BBCode, type: "images/infoibe_error.png" or which ever image you are using for the BBCode.

    images/infoibe_error.png = Error BBCode Button Image
    images/infoibe_success.png = Success BBCode Button Image

    You get the idea. lol
    Attached Files
    File Type: zip bbcode images.zip (8.8 KB, 67 views)
    Reply With Quote
      #6  
    Old 07-20-2014, 08:34 AM
    Marv Marv is offline
    		 
    Join Date: Jun 2002
    Location: Germany
    Posts: 372
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Hey, that´s nice. But is it possible to restrict the use (and display of the buttons) to certain usergroups?
    Reply With Quote
      #7  
    Old 07-20-2014, 07:41 PM
    thetechgenius's Avatar
    thetechgenius thetechgenius is offline
    		 
    Join Date: Jun 2014
    Posts: 258
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Quote:
    Originally Posted by Marv View Post
    Hey, that?s nice. But is it possible to restrict the use (and display of the buttons) to certain usergroups?
    Yes you can, at the end of the First Post he posted a link to Advanced BB Code Permissions. That mod was made for 3.6.x, but I can confirm that it does work for 4.1.x to 4.2.x.
    Reply With Quote
      #8  
    Old 10-16-2014, 04:53 PM
    Dr. HaZaRd's Avatar
    Dr. HaZaRd Dr. HaZaRd is offline
    		 
    Join Date: Dec 2012
    Location: Italy
    Posts: 7
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Big problems with Imageshack! When I use this bbcode appear imageshack logo and text!

    This: http://img59.imageshack.us/img59/9923/noticetabs.png

    Someone can provide original images please?

    Thanks!
    Reply With Quote
      #9  
    Old 10-18-2014, 04:54 PM
    thetechgenius's Avatar
    thetechgenius thetechgenius is offline
    		 
    Join Date: Jun 2014
    Posts: 258
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Quote:
    Originally Posted by Dr. HaZaRd View Post
    Big problems with Imageshack! When I use this bbcode appear imageshack logo and text!

    This: http://img59.imageshack.us/img59/9923/noticetabs.png

    Someone can provide original images please?

    Thanks!
    2 posts up, I posted the images.

    Here is the direct link to my post:

    https://vborg.vbsupport.ru/showpost....73&postcount=5
    Reply With Quote
      #10  
    Old 12-26-2016, 02:26 PM
    Cem01 Cem01 is offline
    		 
    Join Date: Nov 2016
    Location: Istanbul, Turkey
    Posts: 16
    Благодарил(а): 0 раз(а)
    Поблагодарили: 0 раз(а) в 0 сообщениях
    Default
    Just edit imageshack parts of codes.
    I like the design of these boxes much.
    It has worked on vB 4.2.3. Thanks!
    Reply With Quote
    Reply
    Page 1 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 08:17 PM.

    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.05452 seconds
    • Memory Usage 2,363KB
    • Queries Executed 25 (?)
    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
    • (3)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
    • (10)post_thanks_box
    • (10)post_thanks_button
    • (1)post_thanks_javascript
    • (1)post_thanks_navbar_search
    • (1)post_thanks_postbit
    • (10)post_thanks_postbit_info
    • (9)postbit
    • (3)postbit_attachment
    • (10)postbit_onlinestatus
    • (10)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