ASP.NET開源部落格QBlog模板皮膚製作教程索引貼

 

最近幾天花了點時間，製作了一下教程，寫了幾篇 開源部落格 秋色園 QBlog 模板皮膚製作文章，這裡給出一個索引：

PS：同時 秋色園 也增加了四套皮膚，目前共有8套皮膚。

 

1：ASP.NET開源部落格QBlog模板製作教程:部落格模板皮膚介紹說明(一)

 

說明：用及文字的方式介紹了模板的基礎樣式及原理。

樣本圖片：

1：樣式檔案

 

2：ASP.NET開源部落格QBlog模板製作教程:部落格首頁-頭部[部落格標題|部落格概要|部落格菜單導航|部落格登陸註冊退出|多語言導航](二)

 

說明：實戰製作：模板頭部說明製作教程。

樣本圖片：

1：部落格頭部

 

3：ASP.NET開源部落格QBlog模板製作教程:部落格首頁-共用部分[部落格公告|部落格文章分類|部落格歸檔|部落格相簿分類|部落格最新評論](三)

4：ASP.NET開源部落格QBlog模板製作教程:部落格首頁-共用部分[部落格最新文章|閱讀熱門排行榜|點擊熱門排行榜|友情連結|訪問統計](四)

 

說明：實戰製作：模板側邊欄共用部分：

樣本圖片：圖片上面有標題，就不重複了。

 

5：ASP.NET開源部落格QBlog模板製作教程:部落格首頁-文章列表與分頁控制項(五)

 

說明：實戰製作：模板文章列表及分頁顯示說明製作教程。

樣本圖片：

1：文章列表：

 

2：文章分類名稱和分類描述

 

 

3：分頁顯示

 

 

 

6：ASP.NET開源部落格QBlog模板製作教程:部落格文章詳細頁-文章詳細|評論列表|評論框(六)

 

說明：介紹部落格文章詳細顯示及評論列表及評論框的製作說明：

樣本圖片：

1：文章詳細

 

2：回複列表

[有點長，省略]

3：評論框

 

 

 總結：

部落格皮膚文章這一塊，就到這裡結束了。

基本上就兩個頁面，一個文章列表和文章文章頁。

即：index.html，articlelist.html，articledetail.html。

如果皮膚以文章為主，不包含圖片，首頁[index.html]和文章列表[articlelist.html]就是一樣的了。

因此製作一套皮膚，基本上就做兩個頁面就可以了。

至於commoncache.html不是必須的，如果你想抽取共同代碼到這裡，讓其它頁面簡潔一點，也可以使用。

 

還有一篇視頻：QBlog開發人員視頻教程:部落格皮膚模板製作指南-模板之拿來主義(六)

開源QBlog下載：http://www.cyqdata.com/download/article-detail-427