[風格] 首頁的編修與排列問題 (已解決)

[messagebox]

這個其實不難~~

請參考遊戲駭客(文兄的站台)~~
他裡面的討論區列表就如同妳的需要~~

我當初用到的技巧是~~
<div width=33%>包住該討論表</div>
當放了3個之後就會自動將第4個排到下一行~~

[messagebox]

非也~~
bbs.php那隻程式是我編寫的~~
不論妳的版面新增或是減少~~
皆不需要去修改~~

不過~~當初編寫那個程式~~
是依照文兄他個人需求~~
所以並沒有加入隱藏版面等等的東西~~

基本上要改成妳的需求真的不難~~
但我現在外出中~~
用的是NOTEBOOK~~

實在是工具軟體不足~~
我跟你說主要是要妳參考該頁面的HTML標籤~~
當初我也是想了許久才想到~~

或者你可以像文兄問看看~~
是否願意將該相關文件借妳參考~~

我手邊是沒留下任何原始文件~~

[文]

其實我在回的時候也是一直在看包子大所寫的...結論是有看沒有懂~"~||
ps:你怎麼一直不提供網址阿@@||...我很想知道寫出來後顯示的原始檔為何...-.-||

[文]

文 那個首頁好像只是連結 前圖 跟 手動輸入 版面連結 的而已\r
他每次 新增 或 刪除 一個 版面\r
他就要去改一次他的 bbs.php 吧???

當初這邊是拜託包子大幫忙的，若真要手動加入我大概會瘋掉吧...(當初的確有想...)
我剛又再研究了一下Code，發現由風格的部份(TPL)稍做個小技巧就可以達到此目的
就如包子大所說的<div>...但！因為我的部分只是純文字的板面連結，
所以則改用<span>來達到此效果，若你想和我ㄧ樣改成全文字...就試試吧！

<span style="width:33%">Code</span>(當Span被複製(執行)三次後會自動往下換行)

※注意：此方法只適用於純文字，剛研究一下！若表格也要達到多次複製且自動換行(增加code</tr><tr>)因該只能藉由程式的幫助...

[GeniusKiKi]

如果你已照我那一篇修改...
請將第二個步驟取代的代碼再換為：

代碼: 選擇全部

<span style="width:[color=red]33%[/color]">
<!-- BEGIN catrow -->
<!-- BEGIN forumrow -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">

第四個步驟取代的代碼換為：

代碼: 選擇全部

</table>
<!-- END forumrow -->
<!-- END catrow -->
</span>

其中紅色部分請自行依照百分比調整\r
例如一列顯示兩個看板：50%
一列顯示三個看板：33%
一列顯示四個看板：25%
......
php 的部分則不需修改...


另外我只熟 html ...
CSS 的部分只算略懂...
這樣改對不對請自行嘗試看看囉...
有問題的話歡迎再提出來...

[messagebox]

我大概解釋一下*.php跟*.tpl之間的關係
在<!-- BEGIN XXXX -->到 <!-- END XXXX -->之間的東西~~
會因為你有多少筆資料而顯示幾次~~

這麼一來~~
我們可以利用HTML跟CSS的方法來編排~~

現在我將該段要顯示的地方以CODE來取代~~

代碼: 選擇全部

<table width="[color=red]900[/color]">[color=orange]註:這邊我們假設頁面寬度為900px[/color]
    <tr>
        <td>
            <!-- BEGIN XXX -->
            <span style="width:[color=red]300[/color]">[color=orange]註:假設一欄寬度300px[/color]
            
            這邊就是放上原來的顯示列表的東西
            
            </span>
            <!-- END XXX -->
        </td>
    </tr>
</table>

這麼一來~~~
它顯示到第4欄將會自動跳至下一行開始顯示~~~
原理就是這麼簡單~~~
別想的那麼困難~~

[GeniusKiKi]

總彙整：

代碼: 選擇全部

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<span style="width:[color=red]33%[/color]"> 
<!-- BEGIN catrow --> 
<!-- BEGIN forumrow --> 
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">

如果設定相對寬度不行的話...
試試改為絕對寬度...
直接輸入想要的寬度像素...

代碼: 選擇全部

</table> 
<!-- END forumrow --> 
<!-- END catrow --> 
</span>
</td>
</tr>
</table>

[messagebox]

[php]<?php
<!-- BEGIN catrow -->
<!-- BEGIN forumrow -->
<span style="width:33%">
<table>
<tr>
<td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<td class="rowpic" colspan="3" align="right"> </td>
</tr>

<tr>
<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a>   <span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall"><a href="{catrow.forumrow.U_LAST_TOPIC}">{catrow.forumrow.LAST_TOPIC}</a><br />{catrow.forumrow.LAST_POST}</span></td>
</tr>
</table>
</span>
<!-- END forumrow -->
<!-- END catrow -->

?>[/php]

在看過你改的東西後~~
我發現妳根本沒看懂我的意思~~
我大致上幫你改一下~~~

我剛剛發表的文章只是要你用<span>這標籤將要顯示的地方包起來

這個例子是一行放3個~~
請依照自己需求修改~~~

PS.用觸控板加筆記本真的很難寫程式~~~
另外我剛剛大概試了一下~~
1024的解析度下~~放3格有點給他危險~~
可能會導致有些行數為3格~~有些行數會被擠成2格~~

[messagebox]

請完成後~~修改一下主題標題~~

個人給個建議~~
將外面的表格置中取消~~

版面會比較好看~~