The Arcive of Official vBulletin Modifications Site.

Borgs' [BB Code] Pack For vB 4.0.2+ · **Released**: 02-25-2010

Borgs' [BB Code] Pack For vB 4.0.2+

This is an update to the BB codes mod called Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images, which can be found here:

https://vborg.vbsupport.ru/showthread.php?t=103257

Kudos to borgs8472 for the original mod and for his permission to get these updated for vBulletin 4.0.+

I have made tweaks to most of the codes to make them a bit nicer from the originals and I have added a some new ones.

Two codes are not included with this update:

The "user" BB Code is not here because vBulletin has made a major change to the URL to member profiles. You can't get to a profile by just using a member's name any longer. I'm currently looking for a work-around for this.
The "100" BB Code is no longer needed as vBulletin now has built-in image resizing, with lightbox.

All of the following codes are added in your admincp under:
Custom BB Codes -> BB Code Manager -> Add New BB Code
or
Custom BB Codes -> Add New BB Code

Where you see '-->>' in the instructions, this is to show you an example of the output of using the code. Do not copy that data into your bbcode form. Also, the BB codes holding signs are transparent so they should work with most backgrounds.

I have tested these in Firefox & Internet Explorer and vBulletin version 4.0.2pl1. These should work with earlier version of vBulletin, your mileage may vary.

All images in the images folder in the attached "Borgs BB Codes.zip" file go into /images/borgs_bbcode/ under your Forums root folder.

What BB Codes are included?

The sign tags can also hold other smilies. Just add :name of smiley: (smiley name between colons) in the box when you make your tag in a post.

Sign Tag

A quirky little smiley holding a sign with words you supply.

Example -->>

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

Devil Sign Tag

A devil smiley holding a sign with your words.

Example -->>

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

Mouse Sign Tag

A mouse smiley holding a sign with your words.

Example -->

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

Mad Sign Tag

An angry smiley holding a sign with your words.

Example -->

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

Banana Sign Tag

A banana smiley holding your sign.

Example -->

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

Bubble Sign Tag

A speech bubble over your smiley.

Example -->

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

Strike Through

Strike out text with a line through the middle.

Example -->

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

Google Tag

A link to Google for the word you select.

Example -->

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

Wikipedia Tag

A link to Wikipedia for the word you select.

Example -->

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

Float Left

Float an image to the left of your text and the text wraps around the image.

Example -->

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

Float Right

Float an image to the right of your text and the text wraps around the image.

Example -->

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

Ebay

Search eBay for the word you select.

Example -->

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

Marquee

Make your text scroll across the screen in your post.

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

Horizontal Dividers

Horizontal dividers from 25% to 100% width

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

Highlight Text

Choose the color for highlighting your text.

Example -->

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

Glowing Text

Glowing text that works in both IE and Firefox.

Example -->

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

Spoiler

Hide text until mouseover.

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

Drop Caps

Mark the first letter in a paragraph and set it's size and style. Text will flow around it.

Example -->

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

Version 1.0.4
Added:

Drop Cap BB Code.
image for Drop Cap in the toolbar in the .zip file.

Version 1.0.3
Added:

Spoiler Hidden text BB Code.
image for Spoiler BB Code to .zip file.

Version 1.0.2
Added:

Added the image for the Glow BB code in the zip.
Added new Horizontal rules for varying widths.
Created button images for some BB codes.

Updated:

Fixed typos found in the instructions. (thanks for the heads-up guys!)
Change BB code for Highlight to make it easier to use. (now it's just [hl=color])

Version 1.0.1
Added:

Added the "Glow" BB Code. No new images to upload.
Include a page for instructions within the .zip file.

Be sure the images extract to forum-root/images/borgs_bbcode/

If you install these tags, please rate it and click install

War.Frog · #32 03-01-2010, 10:50 PM

Quote:

Originally Posted by Brew

I just added Drop Caps for you

Enjoy!

ZOMG you're a rock star!

Installing...thanks!

Brew · #33 03-01-2010, 10:55 PM

Quote:

Originally Posted by War.Frog

ZOMG you're a rock star!

Installing...thanks!

I like it myself.

It's also cool that you can change the font type to make it stand out even further.

Select the letter, change the font type and use the Drop Cap button..... 6 is a good size

War.Frog · #34 03-02-2010, 12:28 AM

Quote:

Originally Posted by Brew

I like it myself.

It's also cool that you can change the font type to make it stand out even further.

Select the letter, change the font type and use the Drop Cap button..... 6 is a good size

It's awesome. Is there any way to reduce the white space above a letter so it aligns to the top of the text beside it? Or is it the nature of CSS/HTML?

Videx · #35 03-02-2010, 12:54 AM

For some reason, Glow pushes my text down a line, causing chaos in the shoutbox.

Brew · #36 03-02-2010, 01:02 AM

Quote:

Originally Posted by War.Frog

It's awesome. Is there any way to reduce the white space above a letter so it aligns to the top of the text beside it? Or is it the nature of CSS/HTML?

I'm having issues with my server right now.

When it's up again I'll test some ideas I have.

Brew · #37 03-02-2010, 01:14 AM

Quote:

Originally Posted by Videx

For some reason, Glow pushes my text down a line, causing chaos in the shoutbox.

That's the nature of having no standards in this stuff.

With the Firefox part it's not a problem as you can use the span tag.

However, in IE, you have to put the code into a table, P, H1 (or 2 etc) or div tag, which forces it to be on it's own line.

You'll notice that the part in the code for FF I used H1 tags so it will be more closely to what you'd get in IE.

You can remove the H1 tags in the FF portion of the code and it will be what you're after....however, those who use IE will be forced to see the results on it's own line and other areas where you use the code will be different for IE and FF users.

One of these days they'll get their acts together and start standardizing these things....but I'm not holding my breathe.

The method I used to get the code to work with both browsers was the best to reconcile the differences between the two ways they implement glowing text. (actually FF doesn't have a "glow" feature and you have to use a trick of shadowing the text to create the same effect that IE does naturally).

Sorry about this...it's the nature of the browser wars that you get this nonsense.

Brew · #38 03-02-2010, 03:19 AM

Quote:

Originally Posted by War.Frog

It's awesome. Is there any way to reduce the white space above a letter so it aligns to the top of the text beside it? Or is it the nature of CSS/HTML?

I've played around a bit and even set the padding to 0px for the top (padding: 0px 8px 0px 0px; ). It seems that the letter will not go any higher. Even when trying absolute padding it didn't work, and actually that totally messed it all up.

Short of using an image as a drop cap and wrapping text around it I think this is the best you'll get using text.

War.Frog · #39 03-02-2010, 03:29 AM

Quote:

Originally Posted by Brew

I've played around a bit and even set the padding to 0px for the top (padding: 0px 8px 0px 0px; ). It seems that the letter will not go any higher. Even when trying absolute padding it didn't work, and actually that totally messed it all up.

Short of using an image as a drop cap and wrapping text around it I think this is the best you'll get using text.

Thanks so much anyway - I still love it...especially as you say changing the font size and weight and color of that drop cap letter.

War.Frog · #40 03-02-2010, 11:49 AM

To complement the Drop Cap, I created a Justify BB Code that provides full text justification in newspaper style and it really improves the look of CMS articles. Feel free to improve/include it here if you like. Button image attached.

Code:

Code:

<div style="text-align: justify;text-justify: newspaper";>{param}</div>

Also attached is a Drop Cap button in case you want to retain the look and feel of existing editor buttons.

zeroality · #41 03-05-2010, 02:21 AM

Uh, how are we supposed to see how it works? All the example images are broken.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06897 seconds Memory Usage 2,353KB Queries Executed 26 (?)
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 (1)bbcode_code (7)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 (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (1)postbit_attachment (11)postbit_onlinestatus (11)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 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
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!