上次説到門户模板中間的部分,今天説説兩天的部分是如何製作的,最終效果如下圖

基本上分為兩部分,左邊的和右邊的,左下部分和右邊的又有點大同小異
有過製作經驗或者看過首頁 N 格教程的應該都知道左上的圖片幻燈是怎麼回事,所以這裏就不再説明瞭。
首先我們看標題框架,藍底加黑色標題,如下圖的三個藍色框

這裏也只是調用了圖片,你也可以做成其他的圖片上傳到空間在這裏調用即可
調用方法是。 DIY 模式下--框架編輯—背景圖片,填上你上傳到空間的圖片地址,選擇不平鋪。
其實左下部分就是簡單的論壇文章調用,選擇帖子模塊編輯—屬性


根據你的需要設置各種屬性即可。
右邊的部分上下兩塊是一樣的,兩個帖子模塊被靜態模塊隔開
靜態模塊同上一期教程的靜態模塊是一樣的,如下圖

然後是調用的圖片文章,屬性根據你論壇的內容來調用不同版塊帶圖片的文章

設置好以後在模塊模塊裏粘貼上下面的代碼就可以得到如圖所示效果
<div >
<ul>
[loop]
<li style="width:
{picwidth}px;">
<a
href="{url}"><img src="{pic}"
width="{picwidth}" height="{picheight}"
alt="{title}" /></a>
<p><a
href="{url}"
title="{title}"{target}>{title}</a></p>
</li>
[/loop]
</ul>
</div>
下面的文章是調用論壇的內容,可以根據模塊屬性裏的主題排序方式選擇你想要的排序方式。