vb.org Archive
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   BB Code Enhancements - (SOS) BBCodes Warning, Success, Information and Error for VB4 (https://vborg.vbsupport.ru/showthread.php?t=299403)

preemz10314 06-21-2013 10:00 PM
(SOS) BBCodes Warning, Success, Information and Error for VB4
 
1 Attachment(s)
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.

RedTurtle 06-23-2013 02:39 PM
Seems pretty cool but would recommend not linking to images on imageshack. They may disappear in the future and break the entire mod.

preemz10314 06-23-2013 06:16 PM
Quote:
Originally Posted by RedTurtle (Post 2429984)
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.

ckgb 02-01-2014 04:15 AM
I like it )) Images are easy to move.

thetechgenius 07-20-2014 01:09 AM
1 Attachment(s)
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

Marv 07-20-2014 08:34 AM
Hey, that´s nice. But is it possible to restrict the use (and display of the buttons) to certain usergroups?

thetechgenius 07-20-2014 07:41 PM
Quote:
Originally Posted by Marv (Post 2507484)
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.

Dr. HaZaRd 10-16-2014 04:53 PM
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! ;)

thetechgenius 10-18-2014 04:54 PM
Quote:
Originally Posted by Dr. HaZaRd (Post 2519076)
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

Cem01 12-26-2016 02:26 PM
Just edit imageshack parts of codes.
I like the design of these boxes much.
It has worked on vB 4.2.3. Thanks!


All times are GMT. The time now is 07:35 AM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01428 seconds
  • Memory Usage 1,822KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (24)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete