PDA

View Full Version : Show Thread Enhancements - Borgs' [BB Code] Pack - Signs, User, Divider, Search Tags, Float Images


Borgs8472
19 Dec 2005, 01:29
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 (http://www.vbulletin.org/forum/member.php?u=739) in this thread (http://www.vbulletin.org/forum/showthread.php?t=89421) 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:
<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 ] -->>https://www.vbulletin.org/forum/
Description: Wrap your text with a cynical looking smiley holding a sign.
Use {option}: No
Button Image: /images/s-tag.gif https://www.vbulletin.org/forum/
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:
<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: He's so evil! -->>https://www.vbulletin.org/forum/
Description: Wrap your text with a devil smiley for those evil thoughts.
Use {option}: No
Button Image: /images/evil-tag.gif https://www.vbulletin.org/forum/
The following image was designed by vb.org's very own Boofo (http://www.vbulletin.org/forum/member.php?u=9948) 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:
<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: Duh huh!-->>https://www.vbulletin.org/forum/
Description: Act like a silly old mouse
Use {option}: No
Button Image: /images/mouse-tag.gif https://www.vbulletin.org/forum/

MAD SIGN TAG
Upload attached mad.gif to your images folder or wherever you like
Title: Mad
Tag: mad
Replacement:
<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: RABBLE RABBLE RABBLE!-->>https://www.vbulletin.org/forum/
Description: Rouse the mob!
Use {option}: No
Button Image: /images/mad-tag.gif https://www.vbulletin.org/forum/

BANANA SIGN TAG
Upload attached banana_sign.gif to your images folder or wherever you like
Title: Banana Sign
Tag: banana
Replacement:
<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:-->>https://www.vbulletin.org/forum/
Description: Bananas holding bananas?
Use {option}: No
Button Image: /images/banana-tag.gif https://www.vbulletin.org/forum/

Someone on vb.org told me this one. Whoever you are, thanks!
USER TAG
Title: User
Tag: user
Replacement:
<b><a href="member.php?do=getinfo&username={param}">{param}</a></b>
Example: Borgs8472 -->> Borgs8472 (http://www.vbulletin.org/forum/member.php?u=54085)
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:
<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: mmm pie! -->>
https://www.vbulletin.org/forum/
https://www.vbulletin.org/forum/
Description: Talk like Weebl and Bob!
Use {option}: No
Button Image: /images/weebltag.gif https://www.vbulletin.org/forum/


STRIKETHROUGH
Title: Strikethrough
Tag: -
Replacement:
<strike>{param}</strike>
Example: [-]censored![/-] -->> censored!
Description: Wrap these tags to used strikethrough text.
Use {option}: No
Button Image (Optional): /images/strikethrough.gif -->> https://www.vbulletin.org/forum/

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:
<a href="http://www.google.com/search?&q={param}">{param}</a>
Example: torrentforge -->> torrentforge (http://www.google.com/search?&q=torrentforge)
Description: Quick Links to google things!
Use {option}: No
Button Image (Optional): /images/google.gif https://www.vbulletin.org/forum/

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:
<a href="http://en.wikipedia.org/wiki/{param}">{param}</a>
Example: wikipedia -->> wikipedia (http://en.wikipedia.org/wiki/wikipedia)
Description: Links to facts and dates without a seperate search!
Use {option}: No
Button Image (Optional): /images/wikipedia.gif https://www.vbulletin.org/forum/

Good for long posts and portals especially, have images that text can wrap around!
FLOAT LEFT
Title: Float Left
Tag: imgl
Replacement:
<div style="float: left">https://www.vbulletin.org/forum/</div>
Example: https://www.vbulletin.org/forum/
Description: Float and image to the left, wrap text around it!
Use {option}: No
Button Image (Optional): /images/imgl.gif https://www.vbulletin.org/forum/

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

EBAY
Title: eBay
Tag: ebay
Replacement:
<a href="http://search.ebay.com/{param}">{param}</a>
Example: Dodge Charger-->> Dodge Charger (http://search.ebay.com/Dodge%20Charger)
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 https://www.vbulletin.org/forum/

MARQUEE
Title: marquee
Tag: marquee
Replacement:
<marquee>{param}</marquee>
Example: Annoying Scrolling text!-->> {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:
<hr>
Example:
whatever
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:
<a href="{param}"><img width="100%" src="{param}" border="0"></a> Example: <path to image here> here's a thread on my forum where you can see it in action (http://www.the-pact.net/showthread.php?t=285)
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 (http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=103257) :)

*****

Update: 27th December '05 -> Added a lot more button images, as well as fixed some old button images.
Thanks to dodgechargerfan (http://www.vbulletin.org/forum/member.php?u=109794) 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

FightRice.com
19 Dec 2005, 01:45
AWesome, first install of the egg :woot:

Tidy
19 Dec 2005, 01:45
Very Nice Modification.
Reserved Post While Installing :)

JsnakeJ
19 Dec 2005, 02:20
Using tables isn't that smart as if the user forgets to close it the rest of the page may not work.

Thanks for the user tag.

HMBeaty
19 Dec 2005, 05:21
Thats pretty cool. How do I get them to show up in the table with all the other BB Code icons in the advanced reply and quick reply boxes?

VaaKo
19 Dec 2005, 07:16
thank you vry much

trancetopia
19 Dec 2005, 08:48
My members are going to love these, thanks.

/me clicks install

MrNase
19 Dec 2005, 12:17
It is NOT <strike>{param}</strike>..

It must be <span style="text-decoration: line-through;">{param}</span> :mad:


* MrNase fighting for a valid web :rolleyes:


Here's a button for the editor:

Sooner95
19 Dec 2005, 16:07
Nice, good work.

simsimt
19 Dec 2005, 16:58
Awesome,

Hope there is more...

Borgs8472
19 Dec 2005, 17:56
Using tables isn't that smart as if the user forgets to close it the rest of the page may not work.

Thanks for the user tag.
Give them a test. The tags never cause me problems ever. If there's no closing tag, then nothing is parsed, simple as.
Thats pretty cool. How do I get them to show up in the table with all the other BB Code icons in the advanced reply and quick reply boxes?
I will update soon with some images and brief instructions on how to add them as standard editor buttons if you like :)
It is NOT <strike>{param}</strike>..

It must be <span style="text-decoration: line-through;">{param}</span> :mad:


* MrNase fighting for a valid web :rolleyes:


Here's a button for the editor:


Cool, I'll add that button soon. But I like <strike></strike> simply because it's easy to read in one's bbcode manager. I'm considering switching it to your version however because I admit I'm not very familiar with these standards.

kadafi_alive
19 Dec 2005, 18:50
Can someone provide buttons for these codes?

DJ XtAzY
19 Dec 2005, 21:09
shoudnt the PIE TAG be lowercase in its code? <tr> instead of <TR> so that it wuld be xhtml compliant?

chairman miaow
19 Dec 2005, 21:50
Excellent stuff ! Thanks

Borgs8472
19 Dec 2005, 23:53
Everyone asking about buttons to use these codes, I updated. Upload the new attached file with the button images and be sure to use the correct "Button Image (Optional): /images/???" field when managing your bbcodes and you'll add them to your editor!

mathias
20 Dec 2005, 06:20
Keep them coming :)

simsimt
20 Dec 2005, 07:41
I asked for this at vBulletin.com & they said it cannot be done: How can I place images for new custom BB codes where I want in the editor's interface? Now they're been added to the right.

Also, can I integrate them into the WYSIWYG interface mode, so they appear visually on the edting area, not between [][/] tags?

Hoffi
20 Dec 2005, 17:35
Thanks for the Credits. I still use my Tag.
Good Work.

First Time I posted the sign-Tag was in the Thread "I share my BB-Codes" in the vBulletin.com Forums months eralier.

JsnakeJ
21 Dec 2005, 01:44
I remember that thread. Some guy told me on it about the tables thing not being safe and I felt like repeating it.

john1744
21 Dec 2005, 05:00
How about a horizontal rule BBCode?

kadafi_alive
21 Dec 2005, 08:52
Ah, thanks for the effort! However, you haven't added the button that I really wanted :) The mouse, banana ones :(

Borgs8472
21 Dec 2005, 17:50
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.
How about a horizontal rule BBCode?
What do you mean?

A horizonal divider like:

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

Sort of thing?
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) :)

dodgechargerfan
22 Dec 2005, 01:44
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:
<a href="http://search.ebay.com/{param}">{param}</a>

Example: Dodge Charger -->> Dodge Charger (http://search.ebay.com/Dodge%20Charger)
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:
4598080562 gives you 4598080562 (http://cgi.ebay.com/ebaymotors/1968-HEMI-DODGE-CHARGER-RT-CLONE-DRAG-CAR_W0QQcmdZViewItemQQcategoryZ98062QQitemZ4598080562QQrdZ1)



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.

silurius
22 Dec 2005, 19:24
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!

john1744
22 Dec 2005, 19:55
Yes I am referring to a _______________ line across the page.

YOimYO
26 Dec 2005, 18:18
thx for this :)

AquilaEagle
26 Dec 2005, 20:03
This looks like it could be fun! :)

AquilaEagle
26 Dec 2005, 20:21
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!

AquilaEagle
26 Dec 2005, 20:23
ignore me - I worked it out!! :)

Borgs8472
27 Dec 2005, 00:53
Update! Added lots of button images as well as that ebay tag! The images can be found in the zip still.

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.
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.

PennylessZ28
27 Dec 2005, 01:10
Nice work, thanks

Lottis
28 Dec 2005, 16:30
Example: http://www.wordforge.net/gallery/files/7-3.gif -->>

Whats the nazishit got with this to do?
Otherwise i liked your stuff, but the nazishit dissapointed. :disappointed:
Get ride of it, pls. Thats affending.

zlos
28 Dec 2005, 17:29
Regarding google BB Code. I tried this and got some questions regarding {param}, which is not html-parsed.

Example: {param} = "word +word1" produces "word%20word2", where %20 makes space simply...

Any idea how to get param fully html-parsed? :)

Borgs8472
14 Jan 2006, 01:18
^ ^
Searching for "X%20Y" does search on both keywords so does work.

However I might later incorperate Andreas' multiple option bbcode (http://www.vbulletin.org/forum/showthread.php?s=&threadid=90869) hack for something like that.

You could use
<a href="http://search.ebay.com/{option1}%20{option2}">{param}</a>
For instance maybe in conjunction with more advanced ebay options. But in the mean time, my method keeps things simple and works as far as I can see.

ChuanSE
29 Jan 2006, 02:25
Lovely :D

ChuanSE
29 Jan 2006, 02:26
Example: http://www.wordforge.net/gallery/files/7-3.gif -->>

Whats the nazishit got with this to do?
Otherwise i liked your stuff, but the nazishit dissapointed. :disappointed:
Get ride of it, pls. Thats affending.


political left = NAZI

political right= COMMUNIST

;)

Smiry Kin's
29 Jan 2006, 04:07
Damn i wish there was a quicker way to install these.. lol

BENSTER
29 Jan 2006, 05:56
Thanks a lot...simple to do, and should provide hours of fun!

Good stuff! :)

Brandon Sheley
29 Jan 2006, 06:55
thank you, added a few

/me hit install

Lottis
29 Jan 2006, 16:18
political left = NAZI

political right= COMMUNIST

;)
I think that discusion is over. And i know, the different.

Mikecp421
30 Jan 2006, 21:20
nice, gonna try this today! thanks

Darat
01 Feb 2006, 12:08
I use a slight variation on the wiki tag, the replacement I use is:

{param}<font size=1><sup>
<a href="http://en.wikipedia.org/wiki/{param}">w</a></sup></font>
That puts the link as a little "w" to the top of the word.

Another variation is to look up a word at www.dictionary.com, the replacement text is:

<a href="http://dictionary.reference.com/search?q={param}">{param}</a><font color=blue size=1><sup>dict</sup></font>

mbader71
04 Feb 2006, 07:37
This is cool man!

thanks

portalimiz
07 Feb 2006, 19:09
how can we add more buttons to editor bar for BBCODES?

Borgs8472
07 Feb 2006, 19:16
^ ^
When you fill in the 'Button Image' field, they get added automatically.

Tralala
09 Feb 2006, 09:03
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?

QueenBee
19 Feb 2006, 21:14
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

OrangeFlea
24 Feb 2006, 01:34
Can you compose a BB code for Amazon.com links?

Daniel
24 Feb 2006, 02:47
Title: Amazon Search
Tag: amazon
Replacement:
<a href="http://www.amazon.com/gp/search/ref=br_ss_hs/002-4267680-2495205?search-alias=aps&keywords={param}">Buy {param} from Amazon.com</a>
Example: Books
Use Option? No

dvsDave
25 Feb 2006, 17:23
Title: Amazon Search
Tag: amazon
Replacement:
<a href="http://www.amazon.com/gp/search/ref=br_ss_hs/002-4267680-2495205?search-alias=aps&keywords={param}">Buy {param} from Amazon.com</a>
Example: Books
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.

Borgs8472
25 Feb 2006, 18:48
^ ^
Good point. Has anyone got one to hand so I can see how the referal system works and intergrate it here?

djwins
26 Feb 2006, 06:42
I tried using Float Right and it wound up pulling up my signature into my post!!!

Borgs8472
26 Feb 2006, 11:05
^ ^
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.

Tralala
26 Feb 2006, 15:09
^ ^
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/ASIN/0471805998/ref=nosim/appleink/

http://www.amazon.com/exec/obidos/ASIN/B000659KA0/ref=nosim/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/subst/associates/join/basic-links.html/102-0904450-6148904

Borgs8472
01 Mar 2006, 12:23
^ ^
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 :)

QueenBee
01 Mar 2006, 13:52
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:

Tefra
01 Mar 2006, 14:13
i attached two images for the Float Images bbcodes , i like them more and they align better in the editor.


Cheers Tefra

Borgs8472
11 Mar 2006, 13:57
^ ^
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.

ImportPassion
14 Mar 2006, 02:12
u should add this and any others on the site

http://www.vbulletin.org/forum/showthread.php?t=108181&highlight=bbcode

Borgs8472
14 Mar 2006, 11:00
^ ^
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.

AKapadia
14 Mar 2006, 14:40
nice work

GrendelKhan{TSU
20 Mar 2006, 00:44
omg...this RULES!!!!!!!!!!!

thanks!! :) :D

Developer
22 Mar 2006, 20:04
Very Wrong Post :(
anyway good edit and installed

Borgs8472
24 Mar 2006, 01:32
^ ^
speaking of which, I added a divider tag :)

beano33
25 Mar 2006, 01:31
Any idea how to add search BBcodes for these urls?
http://www.hockeydb.com/ihdb/stats/findplayer.php3
http://www.nhlpa.com/WebStats/PlayerSearchV2.asp

Thanks

Danecookie
03 Apr 2006, 13:33
awsome thanks, looking for mroe..

john1744
05 Apr 2006, 21:08
Any way to get these to appear on the quick reply?

Borgs8472
05 Apr 2006, 21:13
^ ^
http://www.vbulletin.org/forum/showthread.php?t=102282&highlight=quick+reply

RDX1
05 Apr 2006, 21:51
Very awesome!

Royalridge
12 Apr 2006, 21:15
Totally awesome!

Roxie
22 Apr 2006, 21:32
Editor is getting stretched. Anyway to put the new buttons on a separate line?

Nathan2006
22 Apr 2006, 22:06
Thank you Borgs8472

I like the marquee one :)

Install

JCW
01 May 2006, 08:21
When I used the Float Left image tags, the text is up against the image. I like to have some padding. Is there a way to add a margin/padding?

Also, is there any way that I can make some of these new tags available only to certain user groups?

Thanks.

JCW
01 May 2006, 08:34
UPDATE

I figured out how to put some space between the text and image:

<div style="float: left; margin-right:10px">https://www.vbulletin.org/forum/</div>

So, all I need to know now is how I can make these tags available only to select user groups.

Thanks.

Danecookie
01 May 2006, 13:52
any more comming up? and u never made the images of your last bb codes? :S

dxguru
02 May 2006, 11:55
I'm looking for a [censor] type BBcode. This would allow staff to edit a post without actually deleting the original content. Anyone who is staff would see the text as red with strick-through, and all others would just see nothing.

Can anybody help me out with this please?

Smiry Kin's
11 May 2006, 03:45
Few problems, Firstly.. Marquee system, you you click it in post bit, you can't edit in between it, won't let you. for some reason, but if you press enter, and press the button again, you can?? ( On the image, you can't in the grey area but you can in the yellow area )

and how do i go about editing where they are? they make my post bit over lap??

[edit]

seems there all doing that problem now, is it because there over lapping the edges?? ill try move some see if thats the problem.

[edit]
Bah seems they all messin up now.. can you please help? :S

ngontran
12 May 2006, 00:15
This is cool dude

Krahl
13 May 2006, 06:05
I installed the "STRIKETHROUGH" code and it works fine other than one issue. In the editor, the button image only shows on a mouseover. Any pointers as to what I need to do to change/fix this?

Thanks for any help.

MThornback
16 May 2006, 17:03
These USED to work for me....now I tried to delete them and re-add them and this happens? It only happens for the BB Codes that use images holding signs etc...not with html links....any ideas?


Forget I said anything....hack conflict/newbie mistake....ignore me :p

As pennance for my stupidity :p a really simple user button :p

Krahl
16 May 2006, 19:32
I installed the "STRIKETHROUGH" code and it works fine other than one issue. In the editor, the button image only shows on a mouseover. Any pointers as to what I need to do to change/fix this?

Thanks for any help.

Anyone have input on this issue? I still haven't been able to track down the problem.

MThornback
18 May 2006, 03:59
Anyone have input on this issue? I still haven't been able to track down the problem.

When I have issues I put the full link (HREF not server location) thats what fixes for me :)

Krahl
18 May 2006, 04:19
When I have issues I put the full link (HREF not server location) thats what fixes for me :)

Thanks for the input MThornback. I went ahead and tried that. It's still showing the exact same thing though - just a very "blue" view of the button and mostly only when the button image is moused-over. Drats!

Any other suggestions or does anyone else have thoughts as to what might be wrong?

Krahl
19 May 2006, 03:46
Thanks for the input MThornback. I went ahead and tried that. It's still showing the exact same thing though - just a very "blue" view of the button and mostly only when the button image is moused-over. Drats!

Any other suggestions or does anyone else have thoughts as to what might be wrong?

Follow up - I remade the graphics entirely and they're working now. No clue why the ones in the zip file didn't work for our site but at least the issue is now resolved.

rareclownfish
23 May 2006, 00:36
Any code for placing a pic on the main portal like a pic of the month or something like that?

lostgirl815
30 May 2006, 07:00
Thanks much for the strike tag. :)

redlabour
08 Jun 2006, 17:06
Will it work in the Future with vBulletin 3.6 (http://www.vbulletin.com/forum/showthread.php?t=187654) or is something changed for BB-Codes ?

Borgs8472
08 Jun 2006, 21:17
^ ^
yep. These work with 3.0 also.

Freesteyelz
13 Jun 2006, 23:53
Excellent and fun hack, Borgs8472. :) *Clicked Install*

libertate
15 Jun 2006, 00:49
Thank you!

This is excellent.

I know there was an example of specific Amazon item, and the "search" results were discarded as not enough comission. I think something is still better then nothing :) so here it is.

Title: Amazon
Tag: amazon
Replacement:
<a href="http://www.amazon.com/gp/redirect.html?link_code=ur2&tag=amazonid-99&camp=1789&creative=9325&location=/gp/search%3F%26index=blended%26keywords={param}%26_encoding=UTF8" target="_blank">{param}</a>
Example: exercise
Description: Wraps amazon.com search around specific text.
Use {option}: No
Image: images/amazon.gif

Note that amazonid-99 should be replaced by your amazon id number.

If you have a very specific type of search you can narrow it down by selecting a category, and replacing blended within the URL.

Since these are links for searching, I open them in a new window via the target="_blank" tag within the anchor tag.

Again, thanks!

BENSTER
19 Jun 2006, 02:38
You can add blink to yoru list as well :)



Blink
blink
<blink>{param}</blink>
no

Mikecp421
19 Jun 2006, 03:36
^^ didn't work for me

Tralala
19 Jun 2006, 03:41
http://www.answers.com/topic/blink-tag

"The blink element type was first invented for Netscape Navigator and is still supported in its descendants, such as Mozilla Firefox. It is also supported by the Opera Internet Browser. Most other browsers, such as Microsoft's Internet Explorer, do not support it, even in its CSS incarnation."

"The inventor of the blink tag, Lou Montulli, has said repeatedly in interviews for magazines and other media that he considers 'the blink tag to be the worst thing I've ever done for the Internet.'"

BENSTER
19 Jun 2006, 04:00
LOL!! I started a warnign thread on my forum with marquee, and someone pointed out I wasn't completely done annoying them until I added blink - So I did. :) A lot of us use FF. both are definately annoying.

Mikecp421
19 Jun 2006, 04:20
ahhh ok I see it does work in FF, I typically use FF but since forum stuff doesn't all seem to work in it I started using IE 7 build 2 today only cause it has the multiple home page tab setup. Thanks

RFViet
19 Jun 2006, 18:55
cool, man !!!!

redlabour
04 Aug 2006, 06:10
Where is the Version for 3.6 ?

Borgs8472
04 Aug 2006, 14:01
This is the same for 3.6

bhxtyrant
08 Aug 2006, 23:40
Hey man,First i'd like to say thanks for these,the float tags and google one i find very helpful :D but now i wanted to ask about a small issue as well.After creating the custom BB tags for float left and right i attempted to test them.Then i happened to notice it seems to interfere with sig images pushing them asside and putting the image on the same line as sigs for some strange reason.I am not sure if you have already answered this but any help would be great.I am using VB 3.5.4 in case you need that info.Thanks!

BENSTER
09 Aug 2006, 00:04
Hey man,First i'd like to say thanks for these,the float tags and google one i find very helpful :D but now i wanted to ask about a small issue as well.After creating the custom BB tags for float left and right i attempted to test them.Then i happened to notice it seems to interfere with sig images pushing them asside and putting the image on the same line as sigs for some strange reason.I am not sure if you have already answered this but any help would be great.I am using VB 3.5.4 in case you need that info.Thanks!

try experimenting with the image right tag. Initially I put imgr /imgr then my text - and the image appeared as you said after everythign like it fell out of the tempate. Then I put it before my text, and it nicely stayed on the right side of the post with teh text filling in the left side.

bhxtyrant
09 Aug 2006, 00:42
Thanks Benster,you are right once enough text is added the tag works perfectly fine.However what if the text being used with this tag isnt long enough to force it to align properly?The reason i like this tag is because we will be using probally either VBAcmps or webtemplates so i think these tags will come in great handy for using images in our content pages :D but it's also awsome for the forums.

Borgs8472
16 Aug 2006, 08:55
Hey man,First i'd like to say thanks for these,the float tags and google one i find very helpful :D but now i wanted to ask about a small issue as well.After creating the custom BB tags for float left and right i attempted to test them.Then i happened to notice it seems to interfere with sig images pushing them asside and putting the image on the same line as sigs for some strange reason.I am not sure if you have already answered this but any help would be great.I am using VB 3.5.4 in case you need that info.Thanks!
Known bug, but I like it like this so don't plan to update.

What you need to do is wrap your whole signature area in it's own table, so that images can not drop down into it.

rudedog1968
17 Aug 2006, 14:33
I've been looking for a float image left/right for a very long time. Man this is awesome, and thanks to the poster who added the margin's

clicked installed!

michaelsilvia
23 Aug 2006, 10:25
You rock! Thanks for the usful BB code.

johnstires
31 Aug 2006, 23:18
I love the float right and left options. 2 questions:

1. How do I change the text when I scroll over the button. Right now it says: "wrap [IMGL] tags around selected text"

I want it to say "Float Image Left"

2. How Do I start a new row of buttons? Mine will run off the page if I add a few more.

aveon
10 Sep 2006, 05:30
thnx man nice work

Hornstar
12 Sep 2006, 03:10
Is there a place which shows what BB codes that usergroup can use? so members can go there so they will know?

Borgs8472
23 Sep 2006, 00:54
^ ^
http://www.vbulletin.org/forum/misc.php?do=bbcode
On all vb forums in a similar fashion

joh
27 Sep 2006, 20:21
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

where can i find the images to upload for this bbcode and all the others that you have.

I like the image float stuff. I have asked the so call help that I had if this could be done and i was told it was never going to happen.

Borgs8472
27 Sep 2006, 23:34
^ ^
they're all in the attachment

desertfoxmb
29 Sep 2006, 09:54
I just installed some of these.. (yes I clicked on install. :) )

For anyone attempting to run a family friendly site you can append &safe=active to the end of the Google bb code to turn on safesearch for the users.

So the code would be:


<a href="http://www.google.com/search?&q={param}&safe=active">{param}</a>

Also for the horizontal line, I updated it to use both the option and parameter to set the height and color respectively. the updated replacement would be:
<hr style="height:{option}px; color:{param}" />

And a sample usage would be:
orange

Borgs8472
02 Oct 2006, 15:48
I've merged in my oversized image code as no one noticed it in its own thread :)

Nathancito
06 Oct 2006, 18:54
Excellent mod! I love it... clicking install... =)

Webmist
07 Oct 2006, 03:35
I love the ones here. Below is an alternate to using <div> tags. I had a problem with them not showing due to some template customizations I have. Sometimes <table> tags work better. Just use the options of left or right.

Title: Image Wrap
Tag: wrapimg

<table border="0" align="{option}" valign="top">
<tr>
<td><img src="{param}" border="0" align="{option}" /></td>
</tr>
</table>


Example: http://yourpathto/forums/image.extThe text that you write here will wrap around the images based on the option you indicated in your wrap tag. I did left here.

Options: Yes
Images: images/imgl.gif

Brew
02 Jan 2007, 16:58
Thank you!

This is excellent.

I know there was an example of specific Amazon item, and the "search" results were discarded as not enough comission. I think something is still better then nothing :) so here it is.

Title: Amazon
Tag: amazon
Replacement:
<a href="http://www.amazon.com/gp/redirect.html?link_code=ur2&tag=amazonid-99&camp=1789&creative=9325&location=/gp/search%3F%26index=blended%26keywords={param}%26_encoding=UTF8" target="_blank">{param}</a>
Example: exercise
Description: Wraps amazon.com search around specific text.
Use {option}: No
Image: images/amazon.gif

Note that amazonid-99 should be replaced by your amazon id number.

If you have a very specific type of search you can narrow it down by selecting a category, and replacing blended within the URL.

Since these are links for searching, I open them in a new window via the target="_blank" tag within the anchor tag.

Again, thanks!

Awesome!

Thank you for your effort!

Brew
06 Jan 2007, 02:39
Can someone tell me how to get these new buttons on the next row?

I can't install all the button I wish to use because it will mess with the tables.

If I can get these new functions underneath the B I U buttons it will give me more room :)

Thanks!

Terminatoronly
07 Jan 2007, 10:31
nice i like it :D

cupra
07 Jan 2007, 11:57
good one, like it a lot! well done - installd!

Kohhal
12 Jan 2007, 10:25
Nice, installed strikethrough, sign and user :)

encryption
16 Jan 2007, 11:21
Can someone tell me how to get these new buttons on the next row?

I can't install all the button I wish to use because it will mess with the tables.

If I can get these new functions underneath the B I U buttons it will give me more room :)

Thanks!

+1

Any help would be apprecaited

encryption
16 Jan 2007, 13:14
Also that eBay bbcode isn't working either. The page returns an error

dimeola
17 Jan 2007, 23:33
thanks :)

akulion
04 Feb 2007, 19:09
hi thanks for these but the imgl and imgr the 2 tags I really wanted dont seem to work

thincom2000
07 Feb 2007, 23:03
That's because the img tag (as well as the {param}) is missing from between the divs in the Replacement.

insolentmuse
09 Feb 2007, 07:23
Oh thanks! I couldn't figure out why I couldn't get Google to work when I was trying to create my own, so I came looking here. Now I see my mistake (and installed some of your others)

Thanks for the quick lesson :D

obmob
25 Feb 2007, 18:45
Hmm... i wonder why i never thought to search for something like this, now taht i did, i click as installed! :D

thanks

4x4 Mecca
26 Feb 2007, 04:18
My little request is to make the sign holder smiley guys appear on the same row. If I add more than one, they all make new lines and can't be placed inline with text.

4x4 Mecca
28 Feb 2007, 18:01
Anyone have an idea how to do this?

Roi Danton
13 Mar 2007, 10:11
Make the tables float and it should work then. Alternatively use floated div's instead of table's.

GrendelKhan{TSU
13 Mar 2007, 13:46
love these. couldn't get the 100 tag to work though. :/

anyone got that working?

great stuff though.

captainron19
07 Apr 2007, 13:30
Love the sign tag dude! One question though...

after highlighting the text and clicking on the "sign guy" button it places the open sign tag, text, and close sign tag on three seperate lines like this...

Open Sign Tag
Text Entered
Close Sign Tag

This results in extra space above the text inside of the sign. It can be easily fixed in the text editor by backspacing and putting everything on one line but how can I have it so it keeps everything on 1 line when adding the sign tag itself.

I originally saw this feature on another forum and noticed it all goes onto one line.

captainron19
07 Apr 2007, 14:19
Diregard my last post - had someone assisting me outside of VB.org and working fine on his end. Must be something with my browser (using IE6 and he was using IE7)

efil
13 Apr 2007, 09:43
Hi,
I use "FLOAT LEFT" , "FLOAT RIGHT".

How can i make more space between the text and the picture?

See attach pic.

thincom2000
14 Apr 2007, 02:35
Add style="margin: 5px" or whatever you want to the <img> tag in the replacement.

efil
14 Apr 2007, 06:10
Where exactly should i put it?

I have this line in the replacement:
<div style="float: left">https://www.vbulletin.org/forum/</div>

efil
14 Apr 2007, 09:40
Ok,
It goes like this:
<div style="float:right;margin-left: 10px">https://www.vbulletin.org/forum/</div>

Thank you!

rjmjr69
14 Apr 2007, 11:36
I can not get a couple of these to work correctly.

Evil
Does not show the devil underneath the text

As well as the Pie one the little wobble egg guy shows up but no bubble

The Mad one as well the text appears but nothing underneath no bubble I'm useing 3.6.5 is this compatible?

This is what I get I used all 4 of the codes I installed and the results are displayed any ideas what the problem is?

https://www.vbulletin.org/forum/external/2007/04/14.jpg

NightShado
14 Apr 2007, 16:32
Thanx man :) Good codes for me

cheat-master30
03 Aug 2007, 21:46
I'm adding some of these now. I love custom BB code.

mystic10
23 Oct 2007, 20:12
my glow and shadow bb code not working in ie or firefox..plz help

replacement tag for glow: <font style="filter:glow(color={green},strength=4);heig ht=1px">{param}</font>

replacement tag for shadow: <div style="font-size:12px;letter-spacing:normal;font-style:normal;font-family:verdana;color:#000cc;filter:shadow (color=red,strength=5);height:22px;">YAH00-CITY</div>

dont know why not working in ie or firefox

ncangler
04 Dec 2007, 15:09
I could not find a response to johnstires question but I would like to change the hover text as well. It seems to be connected right now to the QUOTE tag hover text. Or is it a separate phrase that can be edited? The current hover text is misleading as it implies that the user should wrap the image and the text. Thanks for any help on this.
I love the float right and left options.
How do I change the text when I scroll over the button. Right now it says: "wrap [IMGL] tags around selected text"

I want it to say "Float Image Left"

yeku
22 Dec 2007, 17:30
Reserved

Thank

Borgs8472
20 Jan 2008, 17:02
Sorry the thread is a bit messy these days, I was hotlinking some images from a domain that I don't use any more. Could vb.org help be out so this has no maintainence in the future?

Digital Jedi
27 Jan 2008, 18:01
If you upload them as attachments, you should be able to place them in the post just like your doing now. These are some great ideas by the way. Wish I had thought of them. :D

redlabour
29 Jan 2008, 17:48
Do they work with 3.7 ?

ERAFOX
21 Mar 2008, 13:09
this is excellnt :D ... congrats

legionofangels
25 Mar 2008, 20:51
Thanks, worked out great. Used the Strikethrough code only as I dunno how much room I have on the top row and with the cut copy paste in there, of which I can't see them, I dunno what room I have to add more. But it works good, so * installed *, thanks.

Legion

rapidphim
21 Apr 2008, 19:57
can anyone please let me know whether or not this bbcode codes will work on 3.7.0 RC3 and upcoming Gold version?

legionofangels
22 Apr 2008, 03:11
Whats' wrong with the Divider Tag?

Digital Jedi
22 Apr 2008, 13:56
can anyone please let me know whether or not this bbcode codes will work on 3.7.0 RC3 and upcoming Gold version?

BBCode isn't dependant on a particular version. All it does is reproduce standard HTML/Javascript code.

redlabour
30 Apr 2008, 05:06
USER Tag does not work since 3.6.10 any Update?

Digital Jedi
30 Apr 2008, 09:38
That's weird. I notice it's working fine at vB.com. And their on 3.7.0.

http://www.vbulletin.com/forum/member.php?do=getinfo&username=Digital%20Jedi

TimberFloorAu
29 May 2008, 07:12
Usertag works fine for us.

We are on 3.7

Ozzy

shlomot
06 Jun 2008, 07:07
Thanks a lot for your creative and time consuming job here.

1. Please post your valuable contribution on the v3.7x board. It works perfectly there, but most members won't look under the v3.6x posts any more :)

2. I recommend to add some padding to the image-left and image-right codes, as follow:

Image Left :
<div style="float: left; padding-right: 8px;">[img]{param}</div>

Image Right Float :
<div style="float: right; padding-left: 8px;">[img]{param}</div>

Examples can be viewed in the news section here (http://www.topsynergy.net/).

Thanks again.

greenspan
27 Jul 2009, 04:02
Thanks for the strikethrough ^_^

Drocr
31 Oct 2009, 19:15
Thanks a lot for your creative and time consuming job here.

1. Please post your valuable contribution on the v3.7x board. It works perfectly there, but most members won't look under the v3.6x posts any more :)

2. I recommend to add some padding to the image-left and image-right codes, as follow:

Image Left :
<div style="float: left; padding-right: 8px;">[img]{param}</div>

Image Right Float :
<div style="float: right; padding-left: 8px;">[img]{param}</div>

Examples can be viewed in the news section here (http://www.topsynergy.net/).

Thanks again.

That was great, looks nice, but how do I get it so that when its like:

image here Sometext.
_________
[user's signature]

I dont get this:

http://i33.tinypic.com/24npg5f.jpg

Brew
21 Feb 2010, 05:00
Hey Borg!

Can you update this for vB 4.0+

It sorta works but the new attachment system seems to mess it up a bit.

Thanks!