BB Code Enhancements - [BB Code] World of Waracrft Blizzard 'blue' quote

This is my first ever 'mod' I have posted here, so I hope it's in the correct place!

This BB code allows your forum members to create authentic looking quotes from the World of Warcraft forums from 'blues' (That is to say, blizzard staff that always post in a blue text color)

I see no reason why this BB code would not work in any vb 3.x or 4.x version, but it's only been tested on 3.8.4 by myself.

I got the idea when looking at some other BB Code that let you create 'warnings' that look a bit like vB notices. All it was, was a div box with a border and an icon at the start, and the text the user puts in, so I thought I could do somehing similar to emulate the look of quotes you see posted on various fan sites about world of Warcraft.

Installation:

• Upload the blizzicon I have created and attached at the bottom to your website with your FTP program of choice.
• Create a new BB Code: Admin CP > Custom BB Codes > Add New BB Code
• Add the following info to the new BB Code:
  
  Title: blizz quote
  BB Code tag name: bz
  Replacement:
  

  <div class="blizzardquote"><div class="blizzquotedby"><img src="/wowicons/blizzicon.gif" alt="blizz quote image" />&nbsp;<span>Quote from: <b>{option}</b></span><b></b></div><div class="blizzardquote">
  {param}
  </div></div>

  Example: [bz=Crygil]Here is some example blue text[/bz]
  Use {option}: Yes
  Button Image (Optional): http://yourwebsite.com/wowicons/blizzicon.gif
  Remove Tag If Empty: Yes
  Disable BB Code Within This BB Code: Yes
  
  Note: Make sure both the refrences to "/wowicons/blizzicon.gif" are replaced by the location where you have put the blizzicon.gif This same image is used in both the actual quote BB code, and in the post editor.
  
• Open up your style manager. Admin CP > Styles & Templates > Style Manager
• Click on the 'go' button next to each style you have installed. (you must do this seperatly for each style or the quote wont work on that style), and scroll down to the 'additioinal CSS definitions' section.
• Paste the following CSS in the very bottom, below anything already there:
  

  /** Blizz quote CSS code **/
  .blizzardquote 
  {
  font-size:11px;
  color:#0099FF;
  background-color:#323232;
  margin:11px 22px;
  padding:11px;
  
  -moz-border-radius-bottomleft:9px;
  -moz-border-radius-bottomright:9px;
  -moz-border-radius-topleft:9px;
  -moz-border-radius-topright:9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  }
  
  .blizzardquote h1, .blizzquotedby 
  {
  background-color:#323232;
  background-position:left bottom;
  font-size:11px;
  margin:0;
  padding:0 0 6px;
  border:0 none;
  }

• Press Save

Job done. Should look like the preview I have attached at the bottom.

Your users can now have hours of fun creating fake patch notes for WoW and posting them on your forums to scare others! . Also if you use some kind of CMS that accepts the vB BB Code (e.g vB Advanced), you could now quote blues on your news items.

Footnote:
I'm god aweful at CSS, and the above was put together by looking at various CSS examples and a lot of trial and error. So there is probably a cleaner way of achieveing this that uses better code. If anyone wants to post any improvements, please feel free.

[Anseur]

FAQs

Q: Me, or my users are using internet explorer, and we don't see the 'rounded corners' like in your screenshot?

A: As of writing IE does not support CSS rounded corners. The round corners are made by CSS. Sorry, I can't do anything about this.

Q: I have a WoW fansite, can I just use this to just replace vB's default quote code and use it for all my quotes?

A:Possibly, but I haven't looked into this myself, as I don't want this. I'm not sure I have the know how to do this anyway.

Q: There's already a mod for this here?

A: Yes there is, but that developer looks to of taken the icon from another website to use in their mod and also looks to of used some of thier CSS to make his mod. I don't know if they had permission to do that or not. So I made this icon and CSS myself. Plus, looking at the screenshot, that other mod does not seem to include the text where you see the person who is quoted at the top. I made this myself so I know I'm on legaly firm ground, so I thought I would share it anyway.

Q: How do my users use this BB code?

A: they use it like so:
[bz=Name of one quoted goes here]The 'blue' text goes here[/bz]

[Masked Crusader]

Perfect. Installing.

Nice job.

[MichaelDance]

followed instructions but nothing shows up

[Anseur]

Are you using it on vb3 or vb4 like your profile says? There is not the same additional CSS bit for you to add the CSS to in vB4, it would need to go somewhere different. Could you clarify where you put the CSS in vb4?

Also if it's for the website in your signature, it's giving a database error when I try to visit it so I can't see your site.