[TC] 從 Template 改成 TC 用 skin

總而言之只有一句話

這是真的咩……

好啦，說正經點的（汗）
以前在TT時代的時候也已經有自己做過一次skin，
那次是先設計好版面之後，再打開塞進語法（跟這次其實一樣）
不過那次是用table一層一層包，這次想用 div 來排版….

結果因為我是笨蛋所以還沒完全學會於是就放棄了哈哈哈哈哈哈（咦）

CSS簡單的我會啦，用這個來排版我真的沒排過Q口Q
不過這次用別人寫好的template倒是第一次，所以就來記錄一下好了

我的步驟是這樣：

這次我去日系（我偏愛日系）的素材站找喜歡的template

解壓縮大概都有這樣的檔案（或是只有一個）

主要我們要的其實就是某一個template html檔案，跟CSS檔案，還有裡面的img。
可以由 TextCube 中文論壇的[TextCube] 自訂樣板超完整教學中確認所有「所需要的檔案」有哪些，
一定要的檔案如下：

• index.xml : 後台可以看到的樣板說明，這個我是直接copy其他的來改（偷懶）裡面也有一些通用的設定，請參照上面的網址修改
• skin.html : 就是樣板！
• xxx.css : 樣板用的CSS檔案
• 其他都是看需不需要的…:p

接著就是從原本的standard中打開skin.html跟style.css，還有想要的template的html跟css，開始做修改
樣板主要分幾個部分

• header 部分：我這部份是用copy的，然後留下自己要的（導入js等等）
• body部分：這邊又分兩個，一個是menu部分，一個是本文部分
• booter部分：尾巴的部份也是很自製XD

• menu部分：主要注意的就是< s_sidebar_element >這部份，有加的才能在後台刪除移動
• 本文部分：嗯….需要注意的只有不要漏掉東西吧XD

本文部分一定要有的應該就是

• 搜尋的顯示
• 內容的顯示
• 本文的顯示
• notice的顯示
• 留言板的顯示

當然沒有使用但是放上去也不會影響XD 只是就….懶人給自己用就會很懶得加（喂喂）

這邊可以的話，是加上一個內容之後就做測試，這樣有問題就可以馬上去抓。
我這次用macbook，所以就自己架在電腦中，改一個就可以看。
在自己的空間上也可以，只是會影響流量。

不懂程式這個也可以用，就跟 html 原始碼一樣，一個 <標籤> 一定會有一個 </標籤>對應，注意不要少掉其中一個就好了（版面會亂，或是程式會沒辦法對應）

然後就可以了！（咦）

我老覺得這篇有寫跟沒寫一樣…..||||||

用template改其實跟自己從頭寫是一樣的，
省去的只有自己設計版面的部份（咦）
對我這種懶人很有用
對真的想自己設計版面的可能相當的…..;;;;

如果這篇有幫助的話就好了:p

相關文章

TiddyWiki 的紀錄 [生活] Blog 升級XD