Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Template Modifications

Reply
 
Thread Tools
Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images Details »»
Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images
Version: 1.1, by Borgs8472 Borgs8472 is offline
Developer Last Online: Jan 2008 Show Printable Version Email this Page

Category: Show Thread Enhancements - Version: 3.6.2 Rating:
Released: 12-18-2005 Last Update: 12-26-2005 Installs: 507
Template Edits
 
No support by the author.

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.
Quote:
SIGN TAG
Upload attached schildhalter.gif to your images folder or wherever you like
Title: Sign
Tag: s
Replacement:
Code:
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" style="background-color: White; border: 1px solid Black; padding: 1px;"><FONT COLOR="Black"><normalfont>{param}</normalfont></FONT>
		</td>
	</tr>
	<tr>
		<td align="center">
		<img src="/images/schildhalter.gif" alt="" border="0">
		</td>
	</tr>
</table>
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
Quote:
DEVIL SIGN TAG

Upload attached devilsign.gif to your images folder or wherever you like
Title: Devil Sign
Tag: evil
Replacement:
Code:
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" style="background-color: Red; border: 1px solid Black; padding: 1px;"><FONT COLOR="White"><normalfont>{param}</normalfont></FONT>
		</td>
	</tr>
	<tr>
		<td align="center">
		<img src="/images/devilsign.gif" alt="" border="0">
		</td>
	</tr>
</table>
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!
Quote:
MOUSE SIGN TAG

Upload attached mouse.png to your images folder or wherever you like
Title: Mouse
Tag: mouse
Replacement:
Code:
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" style="background-color: White; border: 1px solid Black; padding: 1px;"><FONT COLOR="Black"><normalfont>{param}</normalfont></FONT>
		</td>
	</tr>
	<tr>
		<td align="center">
		<img src="/images/mouse.png" alt="" border="0">
		</td>
	</tr>
</table>
<!-- courtesy of Boofo -->
Example: [mouse]Duh huh![/mouse]-->>
Description: Act like a silly old mouse
Use {option}: No
Button Image: /images/mouse-tag.gif
Quote:
MAD SIGN TAG

Upload attached mad.gif to your images folder or wherever you like
Title: Mad
Tag: mad
Replacement:
Code:
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" style="background-color: White; border: 1px solid Black; padding: 1px;"><FONT COLOR="Black"><normalfont>{param}</normalfont></FONT>
		</td>
	</tr>
	<tr>
		<td align="center">
		<img src="/images/mad.gif" alt="" border="0">
		</td>
	</tr>
</table>
Example: [mad]RABBLE RABBLE RABBLE![/mad]-->>
Description: Rouse the mob!
Use {option}: No
Button Image: /images/mad-tag.gif
Quote:
BANANA SIGN TAG

Upload attached banana_sign.gif to your images folder or wherever you like
Title: Banana Sign
Tag: banana
Replacement:
Code:
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" style="background-color: White; border: 1px solid Black; padding: 1px;"><FONT COLOR="Black"><normalfont>{param}</normalfont></FONT>
		</td>
	</tr>
	<tr>
		<td align="center">
		<img src="/images/banana_sign.gif" alt="" border="0">
		</td>
	</tr>
</table>
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!
Quote:
USER TAG

Title: User
Tag: user
Replacement:
Code:
<b><a href="member.php?do=getinfo&username={param}">{param}</a></b>
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/
Quote:
PIE TAG

You must upload the attached images under /images/pie/
Title: Pie
Tag: pie
Replacement:
Code:
<table cellpadding="0" cellspacing="0">
   <tr>
       <td width="60"></td>
       <td><img src="/images/pie/1.gif"></td>
       <td style="background-image: url('/images/pie/2.gif')"></td>
       <td><img src="/images/pie/3.gif"></td>
   </tr>
   <tr>
       <td width="60"></td>
       <td style="background-image: url('/images/pie/4.gif')"></td>
       <td bgcolor=white>{param}</td>
       <td style="background-image: url('/images/pie/5.gif')"></td>
   </tr>
   <tr>
       <td width="60"></td>
       <td><img src="/images/pie/6.gif"></td>
       <td style="background-image: url('/images/pie/7.gif')"></td>
       <td><img src="/images/pie/8.gif"></td>
   </tr>
</table>
<img src="/images/pie/weebl.gif">
Example: [pie]mmm pie![/pie] -->>


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

Quote:
STRIKETHROUGH

Title: Strikethrough
Tag: -
Replacement:
Code:
<strike>{param}</strike>
Example: [-]censored![/-] -->> [s]censored![/s]
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!
Quote:
GOOGLE

Title: Google
Tag: google
Replacement:
Code:
<a href="http://www.google.com/search?&q={param}">{param}</a>
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!
Quote:
WIKIPEDIA

Title: Wikipedia
Tag: wiki
Replacement:
Code:
<a href="http://en.wikipedia.org/wiki/{param}">{param}</a>
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!
Quote:
FLOAT LEFT

Title: Float Left
Tag: imgl
Replacement:
Code:
<div style="float: left"></div>
Example:
Description: Float and image to the left, wrap text around it!
Use {option}: No
Button Image (Optional): /images/imgl.gif
Quote:
FLOAT RIGHT

Title: Float Right
Tag: imgr
Replacement:
Code:
<div style="float: right"></div>
Example:
Description: Float and image to the right, wrap text around it!
Use {option}: No
Button Image (Optional): /images/imgr.gif
Quote:
EBAY

Title: eBay
Tag: ebay
Replacement:
Code:
<a href="http://search.ebay.com/{param}">{param}</a>
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
Quote:
MARQUEE

Title: marquee
Tag: marquee
Replacement:
Code:
<marquee>{param}</marquee>
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'
Quote:
HORIZONTAL DIVIDER


Search for Text: ---
Replacement:
Code:
<hr>
Example:
[hr]whatever[/hr]
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

Quote:
100 TAG
Title: 100
Tag: 100
Replacement:
Code:
<a href="{param}"><img width="100%" src="{param}" border="0"></a>
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

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #22  
Old 12-21-2005, 07:52 AM
kadafi_alive kadafi_alive is offline
 
Join Date: Dec 2004
Posts: 146
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Ah, thanks for the effort! However, you haven't added the button that I really wanted The mouse, banana ones
Reply With Quote
  #23  
Old 12-21-2005, 04:50 PM
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
Posts: 924
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by JsnakeJ
I remember that thread. Some guy told me on it about the tables thing not being safe and I felt like repeating it.
Drop me a link, I'd like to hear what he had to say. There are bbcodes for building tables entirely from scratch complete with cells and rows, I would understand if they were unsafe.

However the tag opens and closes the table in one, therefore I think it's safe.
Quote:
Originally Posted by john1744
How about a horizontal rule BBCode?
What do you mean?

A horizonal divider like:

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

Sort of thing?
Quote:
Originally Posted by kadafi_alive
Ah, thanks for the effort! However, you haven't added the button that I really wanted The mouse, banana ones
Then I will add them as soon as I can (e.g. this week)
Reply With Quote
  #24  
Old 12-22-2005, 12:44 AM
dodgechargerfan dodgechargerfan is offline
 
Join Date: Aug 2005
Posts: 94
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

These are great! I've clicked install.

I like the links ones, but I needed something for eBay, so.....

I changed the google and wikipedia one a little bit and got it to work as an ebay search link.
Put your search words in between the tags for a link to do a search on those words.
If you use the actual item number in instead, you get the item's page instead of a search.

Title: eBay
Tag: ebay
Replacement:
Code:
<a href="http://search.ebay.com/{param}">{param}</a>
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): Not Created


Another example:
[ebay]4598080562[/ebay] gives you 4598080562



Button Image? I don't know. I'll try, but it's a logo so I don't know if it's legal or not.
Reply With Quote
  #25  
Old 12-22-2005, 06:24 PM
silurius silurius is offline
 
Join Date: Oct 2004
Posts: 404
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The Wikipedia button shows up large & fuzzy for me, which is not the case when I view the GIF in an editor. Otherwise, thanks for an excellent release!
Reply With Quote
  #26  
Old 12-22-2005, 06:55 PM
john1744 john1744 is offline
 
Join Date: Apr 2005
Posts: 268
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Yes I am referring to a _______________ line across the page.
Reply With Quote
  #27  
Old 12-26-2005, 05:18 PM
YOimYO YOimYO is offline
 
Join Date: Oct 2005
Posts: 81
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thx for this
Reply With Quote
  #28  
Old 12-26-2005, 07:03 PM
AquilaEagle AquilaEagle is offline
 
Join Date: Jun 2002
Location: London, UK
Posts: 55
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

This looks like it could be fun!
Reply With Quote
  #29  
Old 12-26-2005, 07:21 PM
AquilaEagle AquilaEagle is offline
 
Join Date: Jun 2002
Location: London, UK
Posts: 55
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

ok help me out here. I got the images, but do i need to edit templates somewhere - if so where, it isn't clear to me from the instructions in your post cheers!
Reply With Quote
  #30  
Old 12-26-2005, 07:23 PM
AquilaEagle AquilaEagle is offline
 
Join Date: Jun 2002
Location: London, UK
Posts: 55
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

ignore me - I worked it out!!
Reply With Quote
  #31  
Old 12-26-2005, 11:53 PM
Borgs8472 Borgs8472 is offline
 
Join Date: Apr 2004
Posts: 924
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Update! Added lots of button images as well as that ebay tag! The images can be found in the zip still.

Quote:
Originally Posted by silurius
The Wikipedia button shows up large & fuzzy for me, which is not the case when I view the GIF in an editor. Otherwise, thanks for an excellent release!
Ah, I needed to give it a transparent border. I've updated the images, try with the new one.
Quote:
Originally Posted by john1744
Yes I am referring to a _______________ line across the page.
Hmmm... I've found a way to do this but it's so very messy I'm in two minds about whether I should post it here.
Reply With Quote
Reply

Thread Tools

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 05:19 AM.


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.07831 seconds
  • Memory Usage 2,352KB
  • 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
  • (17)bbcode_code
  • (21)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (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_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete