Changing The Look Of The Global Announcement Box

I asked about this a while back and don't remember getting an answer. Can I use the current announcement option and PHPBB3 to make an announcement box that looks like this?



http://ccmb.forum-motion.com/
^ What I have right now isn't too bad but if I can change it to resemble the picture I would like to do so.


Current Announcement Code:

Code:

<style>
.CCGlobal
{
background: url('http://hitskin.com/themes/17/32/25/i_folder_announce_new.png') top left no-repeat;
font-size: 9px;
font-weight: normal;
margin: 3px auto;
padding-left: 35px;
text-align: left;
width: 300px;
height: 30px;
}
.CCGlobal-Title
{
font-size: 15px;
font-weight: bold;
}
</style><div class="forumbg announcement"><div class="inner">
<span class="corners-top"><span></span></span>
<ul class="topiclist topics">
<li class="header" style="color: #ffffff; font-size: 15px; font-weight: bold; margin: 0 auto;">
Global Announcements!
</li>
</ul>
<ul class="topiclist topics bg_none">

<!--Color codes for user groups-->
<!--COUNTY OFFICIAL #4B0082-->
<!--CO-OFFICIAL #FF0000-->
<!--TREASURER  #8B4513-->
<!--COMMISSIONER  #4169E0-->
<!--DATA TECH  #FF4500-->
<!---->
<li class="row row2" ><div class="CCGlobal">
<a class="CCGlobal-Title" href="/t1615-how-far-we-ve-come-cc-s-past-present-and-future" title="How far we've come- CC's past, present, and future">How far we've come- CC's past, present, and future</a> <a href="/t1615-how-far-we-ve-come-cc-s-past-present-and-future?view=newest"><img class="sprite-icon_reply_new" src="[url=http://2img.net/i/fa/empty.gif]http://2img.net/i/fa/empty.gif[/url]" alt="(new posts)" title="View newest post" /></a>
<br />Posted on Friday, July 29, 2011 by <a href="/u30" style="color:#FF0000; font-weight: bold;">NateMaxwell</a>
</div></li>

<li class="row row2" ><div class="CCGlobal">
<a class="CCGlobal-Title" href="/t1605-cc-future-voice-your-opinion" title="CC Future: Voice Your Opinion">CC Future: Voice Your Opinion</a> <a href="/t1605-cc-future-voice-your-opinion?view=newest"><img class="sprite-icon_reply_new" src="[url=http://2img.net/i/fa/empty.gif]http://2img.net/i/fa/empty.gif[/url]" alt="(new posts)" title="View newest post" /></a>
<br />Posted on Tuesday, July 26, 2011 by <a href="/u1" style="color:#4B0082; font-weight: bold;">Regis</a>
</div></li>

</ul>
<span class="corners-bottom"><span></span></span>
</div></div>

Anybody have any help for me?

What specifically do you want from the pictre: colors, designs, or images?

I would like how it is layed out. Board Announcements | Author | Replies | Views | Last Post

I do not know if you can get that with phpBB 3.

The picture is for Invision. You can change your forum version to Invision if you want. The only thing is that you will have to redo your forum design.

Administration Panel>>Display>>Skins>>Chooose a Skin>>Version

Actually, the picture is from the real phpbb. It was a mod.

Can anybody help me with this?