之前寫過論壇的首頁 N 格教程,跟本次說的教程也有一點聯絡,大家要知道一些模組是怎麼用的。今天來說說我最近在 idctalk 站做門戶模板的一些效果教程,好了廢話不多話,開始今天的主題。

今天主要說的是整個模板上半部分中間是怎麼設定的,具體效果如下紅框部分。

一眼就可以看出中間的這部分分成了三塊,第一塊是加粗的兩篇文章標題,第二和第三快都是呼叫論壇的論壇,整個部分用兩條虛線給分成三小快的,這樣說就很容易操作了。

首先我們先拉三個帖子模組和兩個靜態模組排列好,

靜態模組如下圖樣式設定

首先我們說第一小塊是怎麼做出來的,第一眼大家會看到藍色的部分和左上角的 HOT 是怎麼做的,其實是一張圖片呼叫就可以了,把圖片上傳到你的空間。

然後選擇框架編輯—樣式,如下圖設定,記住背景圖片後面選擇不平鋪

第一小快,我們選擇帖子模組—編輯—屬性,如下圖設定

在設定好模組屬性之後,最主要的是模組模板,將如下程式碼複製進模組模板的程式碼框裡即可

<div style="padding-top:10px;">[loop]<dl >
<dt>
<div align="center"><ahref="{url}" title="{title}"{target}style="font-size:15px;color:#1897d5">{title}</a></div>
</dt>
<dd>{summary}...<ahref="{url}" target="_blank"style="color:#1897d5"">[詳細資訊]</a>
</dd></dl>[/loop]</div>

到這裡大家點選確定就可以看到效果了,第一小塊就搞定了。

下面的第二小塊和第三小塊是相同的我們設定好一部分就可以了

文章是呼叫論壇的內容,大家可以根據模組屬性裡的主題排序方式選擇你想要的排序方式

在設定好模組屬性之後,將如下程式碼複製進模組模板的程式碼框裡即可

<div ><ul>[loop]<li><em>{dateline}</em>
<label><ahref="{forumurl}"{target}style="color:#ff6600">[{forumname}]</a></label> <ahref="{url}" title="{title}"{target}>{title}</a></li>[/loop]</ul>
</div>

這樣就會有左邊是呼叫論壇的版塊名右邊是呼叫的文章名,

第三小塊設定方法和這一小塊設定相同。

這樣就做出了最終的效果圖樣式。