1. 使用影像處理軟體(我使用firework)先製作四個圖形，分別是 top_left.gif, top_right.gif, bottom_left.gif, and bottom_right.gif。
下面圖形的長及寬要比你的 box 的長及寬要大。建議製作 800X800 的圖片使用。依照下面方式分割成四個小圖形(檔名如上)。
2. tpl_box_default_left.php 及 tpl_box_default_right.php 程式碼更換成下列程式碼。
<!--// bof:
<?php echo $box_id; ?> //-->
<div class="box" id="
<?php echo str_replace('_', '-', $box_id ); ?>" style="width:
<?php echo $column_width; ?>">
<div class="box-outer">
<div class="box-inner">
<h3 class="leftBoxHeading" id="
<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>">
<?php echo $title; ?></h3>
<?php echo $content; ?></div>
</div>
</div>
<!--// eof:
<?php echo $box_id; ?> //-->
3. CSS 部分新增下列程式碼
.box {
margin-top: 20px;
background: url(../images/bottom_left.gif) no-repeat left bottom;
}
.box-outer {
background: url(../images/bottom_right.gif) no-repeat right bottom;
padding-bottom: 5px;
}
.box-inner {
background: url(../images/top_left.gif) no-repeat left top;
}
.box h3 {
background: url(../images/top_right.gif) no-repeat right top;
padding-top: 5px;
}
.box h3 {
padding-left: 5px;
padding-right: 5px;
}
4. 完成。你有一個寬度及長度可以任意改變的 box。
