插入圖庫圖片頁面修改排版

不管是在討論區、新聞區發表XOOPS文章時,有個插入圖庫圖片的功能。

但是點開這個頁面,它沒有套用到THEME,LOGO又是XOOPS的原始圖檔,像是來到另一個世界。

就算把XOOPS的圖片改掉,將 html\images\logo.gif 原圖蓋過去只會變得更詭異:

整個改造需要修改樣版。

打開 html\modules\system\templates\system_imagemanager.html 將 style 部份

table#imagemain th {border: 0; background-color: #2F5376; color:white; font-size: 12px; padding: 5px; vertical-align: top; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;} table#header td {width: 100%; background-color: #2F5376; vertical-align: middle;}

修改成你要的樣式,如:

table#imagemain th {border: 1; background-color: #FFFFCC; color:black; font-size: 12px; padding: 5px; vertical-align: top; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;} table#header td {width: 100%; background-color: #FFFFFF; vertical-align: middle;}

再把圖片大小消掉,將

<img src="<{$xoops_url}>/images/logo.gif" width="150" height="80" alt="" />

改成

<img src="<{$xoops_url}>/images/logo.gif" alt="" />

順便在此頁頂部多加一個頁數選擇連結,這樣選下一頁就不用拉到底才能按到下一頁囉!

將頂端的選單table部分

 <table cellspacing="0" id="imagenav">       <tr>         <td>         <select name="cat_id" onchange="location='<{$xoops_url}>/imagemanager.php?target=<{$target}>&cat_id='+this.options[this.selectedIndex].value"><{$cat_options}>         </select>          <input type="hidden" name="target" value="<{$target}>" />         <input type="submit" value="<{$lang_go}>" />         </td>         <{if $show_cat > 0}>         <td align="right"><a href="<{$xoops_url}>/imagemanager.php?target=<{$target}>&op=upload&imgcat_id=<{$show_cat}>"><{$lang_addimage}></a></td>         <{/if}>        </tr>     </table>

改成

<table cellspacing="0" id="imagenav">     <tr>        <td>          <select name="cat_id" onChange="location='<{$xoops_url}>/imagemanager.php?target=<{$target}>&cat_id='+this.options[this.selectedIndex].value"><{$cat_options}>         </select>         <input type="hidden" name="target" value="<{$target}>" />         <input type="submit" value="<{$lang_go}>" name="submit" />       </td>       <td>         <div id="pagenav"><{$pagenav}></div>       </td>       <{if $show_cat > 0}>        <td align="right"><a href="<{$xoops_url}>/imagemanager.php?target=<{$target}>&op=upload&imgcat_id=<{$show_cat}>"><{$lang_addimage}></a></td>       <{/if}> </tr>   </table>

修改好之後別忘了存檔。

再到後台的系統 »» 樣版管理 »» 你的樣版 »» 系統

將 system_imagemanager.html 檔整個以剛剛改好的內容覆蓋更新。

完成後插入圖庫圖片頁面和整個網頁就比較像同一個世界的囉!

在這個功能下的新增圖像檔頁面也是一樣。

打開 html\modules\system\templates\system_imagemanager.html 將 style 部份

td.caption {border: 0; background-color: #2F5376; color:white; font-size: 12px; padding: 5px; vertical-align: top; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;} table#imageform {border: 1px solid silver;} table#header td {width: 100%; background-color: #2F5376; vertical-align: middle;}

修改成你要的樣式,如:

td.caption {border: 0; background-color: #FFFFCC; color:#000000; font-size: 12px; padding: 5px; vertical-align: top; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;} table#imageform {border: 1px solid silver;} table#header td {width: 100%; background-color: #FFFFFF; vertical-align: middle;}

再把圖片大小消掉,將

<img src="<{$xoops_url}>/images/logo.gif" width="150" height="80" alt="" />

改成

<img src="<{$xoops_url}>/images/logo.gif" alt="" />

修改好之後存檔。

再到後台的系統 »» 樣版管理 »» 你的樣版 »» 系統

將 system_imagemanager2.html 檔整個覆蓋更新。