[問題]我想自己設計風格

[BLINKCOLA]

如題
請問有什麼推薦的書或資料可以參考呢~
我想學著怎麼自己設計自己喜歡的風格~

[SCR]

我習慣把每一個檔案都翻出來看看,然後程式碼一條一條的修改,之後發現,原來設計一個自己喜歡的風格並不是那麼難.
前提是.........你必須要有 HTML 語言的基礎.
底下是我自己個人修改頁面檔案的比照紀錄,希望對你有些幫助.(其中幾個因為我沒使過,所以也想要去修改他,是故不是很清楚,但這些對我來說已經很足夠了)

agreement.tpl --- 會員註冊同意聲明
--------------------------------------------------------------
bbcode.tpl --- BBcode代碼鍵功能顯示法
--------------------------------------------------------------
confirm_body.tpl --- 刪除文章(私人訊息)之系統訊息
--------------------------------------------------------------
error_body.tpl --- 錯誤訊息
--------------------------------------------------------------
faq_body.tpl --- 常見問題
--------------------------------------------------------------
groupcp_info_body.tpl
groupcp_pending_info.tpl --- 會員群組(完全沒使用過,不清楚)
groupcp_user_body.tpl
--------------------------------------------------------------
index_body.tpl --- 首頁
--------------------------------------------------------------
jumpbox.tpl --- 下拉式版面轉跳
--------------------------------------------------------------
login_body.tpl --- 會員登入
--------------------------------------------------------------
memberlist_body.tpl --- 會員列表
--------------------------------------------------------------
message_body.tpl --- 系統訊息(發文完成.錯誤顯示訊息)
--------------------------------------------------------------
modcp_body.tpl --- 版主(管理員)控制文章刪除或移動或鎖定
--------------------------------------------------------------
modcp_move.tpl --- 版面控制移動主題訊息
--------------------------------------------------------------
modcp_split.tpl --- 主題分割控制台
--------------------------------------------------------------
modcp_viewip.tpl --- 查看檢視文章發表人IP位置
--------------------------------------------------------------
overall_footer.tpl --- 頁面底部
--------------------------------------------------------------
overall_header.tpl --- 頁面頂部
--------------------------------------------------------------
posting_body.tpl --- 發表文章(回覆)
--------------------------------------------------------------
posting_poll_body.tpl --- 發表文章(投票選項)
--------------------------------------------------------------
posting_preview.tpl --- 發表文章(預覽)
--------------------------------------------------------------
posting_smilies.tpl --- 小視窗表情圖示
--------------------------------------------------------------
posting_topic_review.tpl-- 回覆文章下方瀏覽內容
--------------------------------------------------------------
privmsgs_body.tpl --- 私人訊息首頁
--------------------------------------------------------------
privmsgs_popup.tpl --- 私人訊息小視窗通知
--------------------------------------------------------------
privmsgs_preview.tpl --- 私人訊息發表(預覽)
--------------------------------------------------------------
privmsgs_read_body.tpl --- 閱讀私人訊息
--------------------------------------------------------------
profile_add_body.tpl ---- 註冊(會員)編輯個人資料表格
--------------------------------------------------------------
profile_avatar_gallery.tpl --- 會員個人資料之系統頭像
--------------------------------------------------------------
profile_send_email.tpl --- 會員郵件傳送(沒使用過,所以不是很清楚)
--------------------------------------------------------------
profile_send_pass.tpl --- 忘記密碼→發送新的密碼給我
--------------------------------------------------------------
profile_signature.tpl --- 編輯簽名檔
--------------------------------------------------------------
profile_view_body.tpl --- 檢視 ** 會員的個人資料
--------------------------------------------------------------
search_body.tpl --- 搜尋(進階搜尋)
--------------------------------------------------------------
search_results_posts.tpl --- 搜尋結果(文章式顯示)
--------------------------------------------------------------
search_results_topics.tpl --- 搜尋結果(主題式顯示)
--------------------------------------------------------------
search_username.tpl --- 編寫私訊時搜尋收件人
--------------------------------------------------------------
simple_footer.tpl --- 小視窗表情圖示底部
--------------------------------------------------------------
simple_header.tpl --- 小視窗表情圖示頂部
--------------------------------------------------------------
viewforum_body.tpl --- 檢視版面
--------------------------------------------------------------
viewonline_body.tpl --- 檢視誰在線上
--------------------------------------------------------------
viewtopic_body.tpl --- 檢視文章
--------------------------------------------------------------
viewtopic_poll_ballot.tpl --- 首頁投票顯示
--------------------------------------------------------------
viewtopic_poll_result.tpl --- 文章頁面投票結果顯示

[BLINKCOLA]

謝謝樓上大大的分享~
不過我想設計的是可以供他人下載使用的風格包~
不知道是否有推薦的書可以參考呢?
有的話到想去買一本來練習

[醒覺之魔獸．H]

其實只要你依照已有的風格作修改，
你的風格便會漸漸成形的了，
待你有足夠的經驗後，
你才慢慢設計也不遲，
說不定這種經驗比看書的知識更實用呢！

[Artemas]

偶找時間寫一篇闗於如何設計風格的文章吧
只是最近實在很忙，下個月又要考證照~"~

[人]

我習慣把每一個檔案都翻出來看看,然後程式碼一條一條的修改,之後發現,原來設計一個自己喜歡的風格並不是那麼難.
前提是.........你必須要有 HTML 語言的基礎.
底下是我自己個人修改頁面檔案的比照紀錄,希望對你有些幫助.(其中幾個因為我沒使過,所以也想要去修改他,是故不是很清楚,但這些對我來說已經很足夠了)

agreement.tpl --- 會員註冊同意聲明
--------------------------------------------------------------
bbcode.tpl --- BBcode代碼鍵功能顯示法
--------------------------------------------------------------
confirm_body.tpl --- 刪除文章(私人訊息)之系統訊息
--------------------------------------------------------------
error_body.tpl --- 錯誤訊息
--------------------------------------------------------------
faq_body.tpl --- 常見問題
--------------------------------------------------------------
groupcp_info_body.tpl
groupcp_pending_info.tpl --- 會員群組(完全沒使用過,不清楚)
groupcp_user_body.tpl
--------------------------------------------------------------
index_body.tpl --- 首頁
--------------------------------------------------------------
jumpbox.tpl --- 下拉式版面轉跳
--------------------------------------------------------------
login_body.tpl --- 會員登入
--------------------------------------------------------------
memberlist_body.tpl --- 會員列表
--------------------------------------------------------------
message_body.tpl --- 系統訊息(發文完成.錯誤顯示訊息)
--------------------------------------------------------------
modcp_body.tpl --- 版主(管理員)控制文章刪除或移動或鎖定
--------------------------------------------------------------
modcp_move.tpl --- 版面控制移動主題訊息
--------------------------------------------------------------
modcp_split.tpl --- 主題分割控制台
--------------------------------------------------------------
modcp_viewip.tpl --- 查看檢視文章發表人IP位置
--------------------------------------------------------------
overall_footer.tpl --- 頁面底部
--------------------------------------------------------------
overall_header.tpl --- 頁面頂部
--------------------------------------------------------------
posting_body.tpl --- 發表文章(回覆)
--------------------------------------------------------------
posting_poll_body.tpl --- 發表文章(投票選項)
--------------------------------------------------------------
posting_preview.tpl --- 發表文章(預覽)
--------------------------------------------------------------
posting_smilies.tpl --- 小視窗表情圖示
--------------------------------------------------------------
posting_topic_review.tpl-- 回覆文章下方瀏覽內容
--------------------------------------------------------------
privmsgs_body.tpl --- 私人訊息首頁
--------------------------------------------------------------
privmsgs_popup.tpl --- 私人訊息小視窗通知
--------------------------------------------------------------
privmsgs_preview.tpl --- 私人訊息發表(預覽)
--------------------------------------------------------------
privmsgs_read_body.tpl --- 閱讀私人訊息
--------------------------------------------------------------
profile_add_body.tpl ---- 註冊(會員)編輯個人資料表格
--------------------------------------------------------------
profile_avatar_gallery.tpl --- 會員個人資料之系統頭像
--------------------------------------------------------------
profile_send_email.tpl --- 會員郵件傳送(沒使用過,所以不是很清楚)
--------------------------------------------------------------
profile_send_pass.tpl --- 忘記密碼→發送新的密碼給我
--------------------------------------------------------------
profile_signature.tpl --- 編輯簽名檔
--------------------------------------------------------------
profile_view_body.tpl --- 檢視 ** 會員的個人資料
--------------------------------------------------------------
search_body.tpl --- 搜尋(進階搜尋)
--------------------------------------------------------------
search_results_posts.tpl --- 搜尋結果(文章式顯示)
--------------------------------------------------------------
search_results_topics.tpl --- 搜尋結果(主題式顯示)
--------------------------------------------------------------
search_username.tpl --- 編寫私訊時搜尋收件人
--------------------------------------------------------------
simple_footer.tpl --- 小視窗表情圖示底部
--------------------------------------------------------------
simple_header.tpl --- 小視窗表情圖示頂部
--------------------------------------------------------------
viewforum_body.tpl --- 檢視版面
--------------------------------------------------------------
viewonline_body.tpl --- 檢視誰線上上
--------------------------------------------------------------
viewtopic_body.tpl --- 檢視文章
--------------------------------------------------------------
viewtopic_poll_ballot.tpl --- 首頁投票顯示
--------------------------------------------------------------
viewtopic_poll_result.tpl --- 文章頁面投票結果顯示

那這些代碼要複製到哪邊阿

[醒覺之魔獸．H]

這些不是代碼，
是templates的tpl檔，
如要修改，則修改tpl檔。

[人]

這些不是代碼，
是templates的tpl檔，
如要修改，則修改tpl檔。

那...templates的位置在哪阿tpl檔又該怎麼進去阿???