You would have to do something like
<div class='catheadmid'><div class='catheadleft'><div class='catheadright'><div class='catheadcenter'><div class='catheadcenter2'><div class='catheadtext'>
<a class='toggle right' href='#' title="{parse expression="sprintf( $this->lang->words['toggle_cat'], $_data['cat_data']['name'] )"}"></a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}"title='{parse expression="sprintf( $this->lang->words['view_cat'], $_data['cat_data']['name'] )"}'>{$_data['cat_data']['name']} </a>
</div></div></div></div></div></div>in the boardindex and this as a css:
/**********************************/
/* 3 Image Cat WEBFLAKE */
/**********************************/
.catheadmid {
background: url({style_images_url}/cathead_mid.png) repeat-x bottom left;
display: inline;
float:left;
width:100%;
height: 54px;
margin: 0px;
padding: 0px;
text-align: left;
border-bottom: 0px;
margin-bottom: 0px !important;
}
.catheadleft {
background: url({style_images_url}/cathead_left.png) no-repeat left bottom;
display: block;
float: left;
margin: 0px;
padding: 0px;
height: 54px;
width: 100%;
margin-bottom: 0px !important;
}
.catheadright {
background: url({style_images_url}/cathead_right.png) no-repeat right bottom;
display: inline;
float: right;
padding: 0px;
text-decoration: none;
height: 54px;
margin: 0px;
width: 100%;
margin-bottom: 0px !important;
}
.catheadcenter {
background: transparent;
height: 54px;
padding-left: 176px;
padding-right: 176px !important;
}
.catheadcenter2 {
background: url({style_images_url}/cathead_center.png) repeat-x bottom center;
display: inline;
float:left;
width:100%;
height: 54px;
margin: 0px;
padding: 0px;
text-align: center;
border-bottom: 0px;
margin-bottom: 0px !important;
}
.catfoot{
float:left;
height: 66px;
background: transparent;
font-size: 9px;
width:100%;
}
.catfoot_left{
float:left;
background: url({style_images_url}/catfoot_left.png) no-repeat left top;
margin: 0px;
padding:0px;
width: 100%;
height: 66px;
}
.catfoot_right{
float:right;
background: url({style_images_url}/catfoot_right.png) no-repeat right top;
padding: 0px;
text-decoration:none;
text-align: center;
width: 100%;
height: 66px;
}
.catfoot_center{
height: 66px;
padding-left: 230px;
padding-right: 230px;
}
.catfoot_center2{
float:left;
height: 66px;
background: url({style_images_url}/catfoot_mid.png) repeat-x center top;
width:100%;
text-align: center;
margin: 0px;
padding: 0px;
}
.catfoot_center3{
float:left;
height: 66px;
background: url({style_images_url}/catfoot_center.png) no-repeat center top;
width:100%;
text-align: center;
margin: 0px;
padding: 0px;
}
.catheadtext {
padding: 20px 0px 0px 25px;
color: #000 !important;
text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
font-size: 15px;
width: 100%;
text-align: center;
vertical-align: middle;
font-weight: bold !important;
}
.catheadtext a:link,
.catheadtext a:visited,
.catheadtextcollapse a:link,
.catheadtextcollapse a:visited{
background: transparent;
color: #000 !important;
text-decoration: none;
}
.catheadtext a:hover,
.catheadtext a:active,
.catheadtextcollapse a:hover,
.catheadtextcollapse a:active{
background: transparent;
color: #FFF !important;
text-decoration: none;
}
.catheadtext a.toggle {
background: url({style_images_url}/cat_minimize.png) no-repeat;
margin-right: 25px !important;
;
width: 41px;
height: 20px;
}
.catheadtext.collapsed a.toggle {
background-image: url({style_images_url}/cat_maximize.png);
}
.catheadtext h3.collapsed {
border-bottom: 0px solid #000;
}
.catheadtext h3.collapsed a.toggle {
background-image: url({style_images_url}/cat_maximize.png);
}
/************************************************************************/
/* Category Header Toggle Start */
/************************************************************************/
.catheadtext .toggle {
background: url({style_images_url}/cat_minimize.png) no-repeat !important;
width: 50px;
height: 25px;
margin-right: 15px !important;
;
visibility: visible !important;
border: 0px !important;
}
.catheadtext:hover .toggle {
visibility: visible;
border: 0px !important;
}
.catheadtext h3.collapsed a.toggle,
.catheadtext.maintitle .collapsed .toggle,
.catheadtext.maintitle.collapsed.toggle,
.catheadtext .collapsed .toggle,
.catheadtext.collapsed.toggle,
.catheadtext .collapsed a.toggle,
.catheadtext.collapsed a.toggle {
background-image: url({style_images_url}/cat_maximize.png) no-repeat !important;
width: 50px;
height: 25px;
margin-right: 15px !important;
;
visibility: visible !important;
border: 0px !important;
}