Tad 教材網 - 線上書籍

:::

\[972\]CSS打造XOOPS佈景
===================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/bluefish/17.zip)

### 一、新增一組樣板組

1.「後台→模板管理→新樣板組名稱」  
 2.「後台→系統選項→一般設定→基本參數設定→預設樣板組」

### 二、找到想修改的區塊（以「線上用戶」為例）

1.「後台→區塊管理→（找到要修改的區塊）→編輯→編輯樣板」  
 2.可以直接在線上修改「HTML樣板」的內容，亦可複製到文件編輯器修改完再貼上。  
 3.除<{$block.lang\_xxx}>語系（可隨意修改）外，可透過比對得知樣板標籤之用途：  
 (1) <{$block.online\_total}> 是總人數，亦即「2人線上」  
 (2) <{$block.online\_members}> 是會員人數，亦即「會員: 1」  
 (3) <{$block.online\_guests}> 是遊客人數，亦即「遊客: 1」  
 (4) <{$block.online\_names}> 則是會員名稱，亦即「tad」

<table border="1" cellpadding="10" cellspacing="1" width="500"> <tbody> <tr> <td><font color="#3366ff"><style>  
 div#onlie\_div{  
 width:180px;  
 height:180px;  
 background-image:url("<{$xoops\_url}>/themes/佈景/images/doratop.png");  
 behavior: url(iepngfix.htc);  
 }  
 table#onlie\_block{  
 border:0px solid gray;  
 border-collapse:collapse;  
 width:109px;  
 height:48px;  
 margin:52px auto auto 19px;  
 }  
   
 table#onlie\_block td{  
 border:0px solid gray;  
 font-family: Verdana, Arial;  
 }  
   
 table#onlie\_block td.num{  
 text-align:center;  
 font-size:14px;  
 font-weight:bold;  
 color:#0097E3;  
 }  
   
 table#onlie\_block td a{  
 font-size: 11px;  
 text-decoration: none;  
 color: gray;  
 }  
 </style></font>   
 <div id="onlie\_div">  
 <table id="onlie\_block">  
 <tr style="height:24px;">  
 <td style="width:33px;"></td>  
 <td style="width:38px;"></td>  
 <td style="width:38px;"></td>  
 </tr>  
 <tr style="height:24px;">  
 <td></td>  
 <td class="num">  
 <{$block.online\_members}>  
 </td>  
 <td class="num">  
 <{$block.online\_guests}>  
 </td>  
 </tr>  
 <tr style="height:16px;">  
 <td></td><td></td><td></td>  
 </tr>  
 <tr>  
 <td colspan=3>  
 <{$block.online\_names}>  
 <a href="javascript: openWithSelfMain('<{$xoops\_url}>/misc.php?action=showpopups&amp;type=online','Online',420,350);" title="<{$block.lang\_more}>">  
 <{$block.lang\_more}>  
 </a>  
 </td>  
 </tr>  
 </table>  
 </div></td> </tr> </tbody> </table>

### 三、標題空白，則不秀出區塊標題

1.編輯block.html

改裝前

![](http://tad0616.net/uploads/tad_book3/image/bluefish/tad058.png)

改裝後

![](http://tad0616.net/uploads/tad_book3/image/bluefish/tad059.png)

:::