Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images Details »
Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images
Mod Version: 1.1, by Borgs8472 (Member) Borgs8472 is offline
Developer Last Online: Jan 2008 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.6.2 Rating: (29 votes - 4.72 average) Installs: 507
Released: 19 Dec 2005 Last Update: 27 Dec 2005 Downloads: 1011
Not Supported Template Edits  

Well no one else will start a bbcode archive, so I'll do it myself!

I love bbcodes, bits of HTML joy that are often really lacking a most fora. I have made several in my time, some I have seen mentioned in passing at vb.org but never pinned down so I'm going to do these myself!

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 I have typed '-->>' this is to show you an example of the output of using the code. Do not copy that data into your bbcode form.

All tags are tested in IE and Firefox - none of these 'IE only' rubbish tags

Credit to the following sign tags (well at least the first one) goes out to Hoffi in this thread which appeared ages ago when there was a separate vbtemplates site.
SIGN TAG
Upload attached schildhalter.gif to your images folder or wherever you like
Title: Sign
Tag: s
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [ s ]Look at me![/ s ] -->>
Description: Wrap your text with a cynical looking smiley holding a sign.
Use {option}: No
Button Image: /images/s-tag.gif
NB - remove the spaces around the example [ s ], there is a conflict here with vb.org 's' bbcode
DEVIL SIGN TAG

Upload attached devilsign.gif to your images folder or wherever you like
Title: Devil Sign
Tag: evil
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [evil]He's so evil![/evil] -->>
Description: Wrap your text with a devil smiley for those evil thoughts.
Use {option}: No
Button Image: /images/evil-tag.gif
The following image was designed by vb.org's very own Boofo and was once his site mascot! We love the mouse!
MOUSE SIGN TAG

Upload attached mouse.png to your images folder or wherever you like
Title: Mouse
Tag: mouse
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [mouse]Duh huh![/mouse]-->>
Description: Act like a silly old mouse
Use {option}: No
Button Image: /images/mouse-tag.gif
MAD SIGN TAG

Upload attached mad.gif to your images folder or wherever you like
Title: Mad
Tag: mad
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [mad]RABBLE RABBLE RABBLE![/mad]-->>
Description: Rouse the mob!
Use {option}: No
Button Image: /images/mad-tag.gif
BANANA SIGN TAG

Upload attached banana_sign.gif to your images folder or wherever you like
Title: Banana Sign
Tag: banana
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [banana]:banana:[/banana]-->>
Description: Bananas holding bananas?
Use {option}: No
Button Image: /images/banana-tag.gif
Someone on vb.org told me this one. Whoever you are, thanks!
USER TAG

Title: User
Tag: user
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [user]Borgs8472[/user] -->> Borgs8472
Description: Wrap these tags to make a quick link to a user's profile anywhere at all.
Use {option}: No
Button Image: Not created
If this makes no sense to you, don't worry! It can obviously be customised with images of your choice!. But for those who wish to be enlightened about pie:
http://www.weebl.jolt.co.uk/
PIE TAG

You must upload the attached images under /images/pie/
Title: Pie
Tag: pie
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [pie]mmm pie![/pie] -->>


Description: Talk like Weebl and Bob!
Use {option}: No
Button Image: /images/weebltag.gif

STRIKETHROUGH

Title: Strikethrough
Tag: -
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [-]censored![/-] -->> censored!
Description: Wrap these tags to used strikethrough text.
Use {option}: No
Button Image (Optional): /images/strikethrough.gif -->>
Ever tire of arguments where the other party say 'what was that'? Every tire of telling to to f'ing google it? Wrap the google tag around keywords in your argument and shut them up!
GOOGLE

Title: Google
Tag: google
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [google]torrentforge[/google] -->> torrentforge
Description: Quick Links to google things!
Use {option}: No
Button Image (Optional): /images/google.gif
Again, too lazy to search in another window while you make a post? Just wrap these tags and have others do your research for you!
WIKIPEDIA

Title: Wikipedia
Tag: wiki
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [wiki]wikipedia[/wiki] -->> wikipedia
Description: Links to facts and dates without a seperate search!
Use {option}: No
Button Image (Optional): /images/wikipedia.gif
Good for long posts and portals especially, have images that text can wrap around!
FLOAT LEFT

Title: Float Left
Tag: imgl
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example:
Description: Float and image to the left, wrap text around it!
Use {option}: No
Button Image (Optional): /images/imgl.gif
FLOAT RIGHT

Title: Float Right
Tag: imgr
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example:
Description: Float and image to the right, wrap text around it!
Use {option}: No
Button Image (Optional): /images/imgr.gif
EBAY

Title: eBay
Tag: ebay
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [ebay]Dodge Charger[/ebay]-->> Dodge Charger
Description: Links to search on eBay with search words or directly to item with item number.
Use {option}: No
Button Image (Optional): /images/ebaytag.gif
MARQUEE

Title: marquee
Tag: marquee
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [marquee]Annoying Scrolling text![/marquee]-->> {it's that animated text scrolling by default from right to left}
Description: Highlight annoncements etc with scrolling text!
Use {option}: No
Button Image (Optional): Not yet created
The following code is done by replacement variables. Go to style manager in your admincp, on the drop down box of your parent most style, choose 'Replacement Variables' Select 'Add New Replacement Variable'
HORIZONTAL DIVIDER


Search for Text: ---
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example:


Button Image (Optional): Not yet created (would require a little custom coding too)
This is a very useful tag I made for my forum. What it does it takes a large image, e.g. a wallpaper or screenshot and stretches it to take up 100% of the avalible width. It then makes the image a link to the full version.

This stops the syndrome where you'd have either loads of oversized images, or loads of links. Also since the full version is loaded first time, when you click the link the full image loads instantly

100 TAG
Title: 100
Tag: 100
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [100]<path to image here>[/100] here's a thread on my forum where you can see it in action
Description: An image taking up 100% of the width of the page, click for full version
Use {option}: No
Button Image: not created
Only problem with this system as it stands is that it will occasionally make large images larger for people viewing on a very large resolution which can potentially make an image worse to look at. There are no plans to fix this yet as it would a totally different hack otherwise beyond my capabilities.

Another great benefit of this is it eliminates the moderator/administrator effort to police images that are too wide for people's screens, wrap this code and you'll never have that problem.

I might release 'variations' on this theme if people like. For example the hyperlink to full version may prevent other hyperlinks which may be a problem in some cases so you might use a version without the <a href... but I'm sure people can figure this out for yourselves.

You might want to use alternative tags like [largeimage] or [wide] or [fit] or something rather than [100]. I chose [100] because it's short, and it reminds me it fits the image to 100% width whatever happens. See attachment for what this looks like.

Well that's all folks. Get back to me on any mistakes if you want. This post took a long time to prepare as you might imagine!

If you install any of these tags, please click install

*****

Update: 27th December '05 -> Added a lot more button images, as well as fixed some old button images.
Thanks to dodgechargerfan for the ebay tag
Update: 11th March '06 -> Added the maquee tag, I mean why not?
Update: 24th March '06 -> Added the <hr> replacement variable type tag
Updated: 2nd October '6 -> Merged in my oversized image code

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	100.JPG
Views:	3662
Size:	73.7 KB
ID:	54199  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #46  
Old 09 Feb 2006, 09:03
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by MrNase
It is NOT <strike>{param}</strike>..

It must be <span style="text-decoration: line-through;">{param}</span>
These both seem to work for me, why is one better than the other?
Reply With Quote
  #47  
Old 19 Feb 2006, 21:14
QueenBee's Avatar
QueenBee QueenBee is offline
 
Join Date: Jan 2006
Real name: Nickie
i dont quite get what this does, could someone tell me if this will do something on hover of certain text. like give definitions.

like if someone puts LOL in a post, u can hover and it says laugh out loud? im looking for this and this post came up in my searching

thanks
Reply With Quote
  #48  
Old 24 Feb 2006, 01:34
OrangeFlea OrangeFlea is offline
 
Join Date: Aug 2004
Can you compose a BB code for Amazon.com links?
Reply With Quote
  #49  
Old 24 Feb 2006, 02:47
Daniel's Avatar
Daniel Daniel is offline
 
Join Date: Jul 2005
Real name: Daniel
Title: Amazon Search
Tag: amazon
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [amazon]Books[/amazon]
Use Option? No
__________________
Daniel
Reply With Quote
  #50  
Old 25 Feb 2006, 17:23
dvsDave's Avatar
dvsDave dvsDave is offline
 
Join Date: Nov 2005
Real name: David
Originally Posted by Daniel
Title: Amazon Search
Tag: amazon
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [amazon]Books[/amazon]
Use Option? No
It's better to set up an amazon associates account and get a customized link that could help you bring in revenue through the links that your users create.
__________________
About dvsDave
dvsDave is the webmaster of the technical theatre forum, ControlBooth.com, a site that is dedicated to teaching high-school and college level techies practical and useful skills for the stage and provides an online community that allows techies from all over the world to discuss the art and science of technical theater.
Reply With Quote
  #51  
Old 25 Feb 2006, 18:48
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
^ ^
Good point. Has anyone got one to hand so I can see how the referal system works and intergrate it here?
Reply With Quote
  #52  
Old 26 Feb 2006, 06:42
djwins djwins is offline
 
Join Date: Jan 2005
I tried using Float Right and it wound up pulling up my signature into my post!!!
Reply With Quote
  #53  
Old 26 Feb 2006, 11:05
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
^ ^
It's true it does that. I find it quite cool at times as it will drop post pictures into sig space too. If someone can think of a way of avoiding that, I'd be interested of course.
Reply With Quote
  #54  
Old 26 Feb 2006, 15:09
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by Borgs8472
^ ^
Good point. Has anyone got one to hand so I can see how the referal system works and intergrate it here?

Here is the format, at least for direct product links:

http://www.amazon.com/exec/obidos/ASIN/aaaaaaaa/ref=nosim/bbbbbbbb/

Where aaaaaaaa is the ASIN or ISBN of the product
...and bbbbbbbb is the business's Amazon Associate code.


Examples:

http://www.amazon.com/exec/obidos/AS...osim/appleink/

http://www.amazon.com/exec/obidos/AS...osim/appleink/


Products found/purchased from a search get a different (smaller) commission than ones found with a direct link. Here are some basic link strategies for the Amazon Associates program:

http://www.amazon.com/exec/obidos/su...904450-6148904
Reply With Quote
  #55  
Old 01 Mar 2006, 12:23
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
^ ^
I couldn't find a satisfactory way for doing this myself, however amykhar made a hack to add you associate id:
http://www.vbulletin.org/forum/showthread.php?t=92444

Used in conjunction with the one suggested by Daniel it could be rather effective
Reply With Quote
  #56  
Old 01 Mar 2006, 13:52
QueenBee's Avatar
QueenBee QueenBee is offline
 
Join Date: Jan 2006
Real name: Nickie
Originally Posted by QueenBee
i dont quite get what this does, could someone tell me if this will do something on hover of certain text. like give definitions.

like if someone puts LOL in a post, u can hover and it says laugh out loud? im looking for this and this post came up in my searching

thanks
anyone please? :ermm:
Reply With Quote
  #57  
Old 01 Mar 2006, 14:13
Tefra's Avatar
Tefra Tefra is offline
 
Join Date: Mar 2005
i attached two images for the Float Images bbcodes , i like them more and they align better in the editor.


Cheers Tefra
Attached Images
File Type: gif imgl.gif (260 Bytes, 756 views)
File Type: gif imgr.gif (258 Bytes, 755 views)
File Type: gif Untitled-2.gif (1.6 KB, 45 views)
__________________
Website: www.3dacc.net
Dedicated to pc enthusiasts.
Reply With Quote
  #58  
Old 11 Mar 2006, 13:57
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
^ ^
pretty nice. If people reply to this thread saying they like your images more, I might replace my images with those or have both.

In the mean time, I've added the silly marquee tag just for the hell of it.
Reply With Quote
  #59  
Old 14 Mar 2006, 02:12
ImportPassion ImportPassion is offline
 
Join Date: Mar 2002
u should add this and any others on the site

http://www.vbulletin.org/forum/showt...ghlight=bbcode

Last edited by ImportPassion; 14 Mar 2006 at 02:15.
Reply With Quote
  #60  
Old 14 Mar 2006, 11:00
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
^ ^
well it's a recent 3.5 one with its own thread. When we get the hack database, I will be lobbying for a 'bbcode' field as a possible hack identifer however, which apply to both my stuff and the thread you just posted.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 07:44.

Layout Options | Width: Wide Color: