[Mihalis]

Here is my code and what i have achived so far (note: this is only for front page vbadvanced CMPS) with no images...



My module wrapper code:

$mods[formcode]

<div style="padding-bottom:$vba_style[portal_vspace]px">
	<table class="bord" align="center" border="0"width="100%" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]">
		
			
 				
<div class="tcat" colspan="$mods[colspan]">
  <b class="spiffy">
  <b class="spiffy1"><b></b></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy3"></b>
  <b class="spiffy4"></b>
  <b class="spiffy5"></b></b>

  <div class="spiffyfg">
				<if condition="$vba_style['portal_collapsemods']">
					<a href="#top" onclick="return toggle_collapse('module_$mods[collapse]')" style="float:$stylevar[right]"><img alt="" border="0" id="collapseimg_module_$mods[collapse]" src="$stylevar[imgdir_button]/collapse_tcat$modimgcollapse.gif" /></a>
				</if>
				<span class="smallfont" class="tex"><strong>$vba_style[portal_blockbullet] <if condition="$mods['link']"><a href="$mods[link]">$mods[title]</a><else />$mods[title]</if></strong></span>
			
		
		<tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse">
			<if condition="$show['tablerow']">
				<tr>
					<td class="$bgclass">
						$modulehtml
					</td>
				</tr>
			<else />
				$modulehtml
			</if>
		</tbody>

	</table>
<b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>

  </div></div>

<if condition="$mods['formcode']"></form></if>

My CSS:

.bigfont {
font-size: 13px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ADBBCA}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dbe1e8;
  border-right:1px solid #dbe1e8;
  background:#c1ccd7}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6f8f9;
  border-right:1px solid #f6f8f9;
  background:#bcc7d4}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #bcc7d4;
  border-right:1px solid #bcc7d4;}
.spiffy4{
  border-left:1px solid #dbe1e8;
  border-right:1px solid #dbe1e8}
.spiffy5{
  border-left:1px solid #c1ccd7;
  border-right:1px solid #c1ccd7}
.spiffyfg{
  background:#ADBBCA}
.tex{
padding-left:10px;
}
.bord{
border: 1px solid #ADBBCA;
}

What I want to do next is, change the color in the bottom and keep the blue color border. Also to fix padding in title and have a fixed height. Any suggestions?