Mini Mods - World of warcraft blue post bbcode

This bb code lets you post a message in your forums just like the blue post in wow official forums

Title: Blizzblue
Tag: blizz

Replacement:


Code:

<div class="blizzwrap"><div class="blizzinner">
<div class="blizzheader"><span></span></div>
<div class="blizzquote">{param}</div></div></div>

Example: [blizz]Text in here[/blizz]

Description: Blizzard style box

Use {option} No

Button Image (Optional) or use attached images/blizz/blizz_icon.gif

add the following css to your Additional CSS Definitions for your styles(found in style manager)

.blizzwrap {
padding: 10px 20px 10px 20px;
}
.blizzheader
{
color: #0099FF;
background-color: #333;
padding: 5px;
font-size: 11px;
}
.blizzinner { 
background-color: #333;
padding: 0 5px;
}
.blizzheader span
{
display: block;
background: transparent url("/images/blizz/blizz_ico.gif") left top no-repeat;
padding-left: 30px;
height: 21px;
line-height: 21px;
}
.blizzquote {
color: #0099FF;
padding: 10px 5px 5px 5px;
font-size: 11px;
background: #333 url(images/blizz/blizzquotesep.gif) left top no-repeat;
}

upload the attached folder with included images to your forums images folder.

Example of blizz box

[RobbieZ]

Shouldnt this be in styles section?

[HellfireEu]

No its not a style its just bbcode.

[BlizzardHQ]

Pretty neat. On my site I do it via user group using a <if>

[Eneswar]

Hello, could you please explain abit furter about the "add the following css to your Additional CSS Definitions for your styles" I found the Additional CSS Definitons but there is 2 windows, where do i add the text? I tried each of them and the black background works fine but the icon that should be on top left doesnt show up, any ideas?

Edit: Nevermind got it to work, thanks
Installed

[Kevin McGowan]

How would this work for VB4.0 given the removal of CSS additional?

[mikeylikesitz]

install https://vborg.vbsupport.ru/showthread.php?t=228628 and put the CSS in there instead and add the bbcode as usual

[zappaDPJ]

I found a number of issues while trying to implement this template mod. I don't know if the author is still posting or has any interest but I needed to make the following amendments to get it to work.

The bb code entry...

'Button Image (Optional) or use attached images/blizz/blizz_icon.gif'

should read

'Button Image (Optional) or use attached images/blizz/blizz_ico.gif'


The additional.css line...

'background: transparent url("/images/blizz/blizz_ico.gif") left top no-repeat;'

should read

'background: transparent url("images/blizz/blizz_ico.gif") left top no-repeat;'


A further amendment to give the rounded corners seen in the screen shot. In additional.css

Find:

.blizzinner { 
background-color: #333;
padding: 0 5px;
}

Replace with:

.blizzinner { 
background-color: #333;
padding: 0 5px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
}

[Vaq]

SWAG