vBulletin LTS

[BB Code] World of Waracrft Blizzard 'blue' quote
Mod Version: 1.00, by Anseur

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:
  
  Code:

  <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:
  
  Code:

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