之前寫過論壇的首頁 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>
這樣就會有左邊是調用論壇的版塊名右邊是調用的文章名,
第三小塊設置方法和這一小塊設置相同。
這樣就做出了最終的效果圖樣式。