Code doesn't work

Hello, I'm having problems with codes. I found one tamplate in other forum

Spoiler:

But when I try to post this code on my forum, it doesn't work, looks like this:

Spoiler:

I am using phpBB2, HTML and BBcodes are turined on.
Help? ((

Could you post the code you used? Please use the code tags.

Yeah, sure.

Code:

[dohtml]<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'><style type="text/css">
#bwcont {width: 540px; height: 300px; position: relative; background: white; overflow: hidden;}
.bwimg {width: 150px; height: 300px; background: white; position: absolute; top: 0; left: 0;}
.bwimgg {width: 150px; height: 300px; background: white; position: absolute; top: 0; right: 0;}
.bwname {width: 160px; height: 260px; background: white; padding: 20px; position: absolute; top: 0px; left: 150px; border-left: 20px solid black; border-right: 20px solid black;}
.bwname p {background: black; color: white; padding: 5px; font: 7px/7px tahoma; letter-spacing: 1px; margin: 0 0 5px 0; text-transform: uppercase;}
.bwname {text-transform: uppercase; font: 44px anton; line-height: 100%; letter-spacing: -1px;}
#bwcont:hover .bwname {position: absolute; top: 0; left: 0;}
#bwcont:hover .bwimg {opacity: 0; position: absolute; left: -150px;}
#bwcont:hover .bwimgg {opacity: 0; position: absolute; right: -150px;}
.bwname, .bwimg, .bwimgg {-webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; z-index: 5;}
.bwmain {width: 240px; height: 240px; overflow: auto; border-width: 30px 30px 30px 270px; border-color: white; border-style: solid; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; font: 10px/10px tahoma; text-align: justify; position: absolute; top: 0; left: 0; z-index: 1;}
.bwmain::-webkit-scrollbar {width: 10px; height: 10px;}
.bwmain::-webkit-scrollbar-thumb {background: black;}
</style><center><div id="bwcont"><div class="bwimg">

<img src="150 X 300 IMAGE HERE" />

</div><div class="bwname">

<p> AGE </p>
<p> GROUP </p>
<p> PLAYBY </p>

first<br>
middle<br>
last<br>

<div style="height: 5px;"></div>

<p> TRAIT </p>
<p> TRAIT </p>
<p> TRAIT </p>

</div><div class="bwimgg">

<img src="150 X 300 IMAGE HERE" />

</div><div class="bwmain">

shipper here! make it as long as you want.

</div></div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12207"><div style="width: 540px; text-align: right; font: 11px/11px calibri; text-transform: uppercase; letter-spacing: 1px;">©</div></a></center>[/dohtml]

Some of the BBCodes used are not supported on Forumotion forums.

Oh, now I understand... And there is nothing I can do? Maybe replace them somehow?

No sorry most of the codes can not be bypassed.