Tuesday, July 18, 2006
版面美化-- 加了顯示日期動畫/ 天氣預報美女圖
跟各位版大分享一下版面美化; 我是用內建的toto去改的，主要是在"panel.template"這個檔案中，找個空地新增一些程式碼。
(一) 新增日期動畫請參考此網站 http://www.mysteryanimals.jp/download/index.php
裡面有好幾個日期動畫可供選擇，挑好喜歡的動畫後，點click進去即可看到程式碼; 之後再把程式碼複製，貼到你的模版中即可; 如我的外星人在右上角，則程式碼需貼在最上面。
(二) 新增氣象主播請參考此網站 http://blog.yam.com/blog_guide/archives/3529.html
這個程式碼需較多步驟，各位可參考此位版大的教學報導。裡面有提供樂多的程式碼，不過應不適用在我們的plog.
(三) 貼了一張blue circus貼紙 http://blog.bluecircus.net/archives/001419.html
其他相關美化，背包公園有兩個主要連結，皆是可用來查詢的，我只能說包羅萬象，大家可挑有興趣的再研究囉!
發表在背包公園的話，那自己的blog還可以重覆發表嗎??
剛才發現這樣會連續佔用到發表的新文章版面 :x 很不好意思...
不知有什麼好方法可以建議嗎 :d
Dear Scorpion,
謝謝你的分享。
我個人的想法是兩邊聯播一點都沒有不妥。尤其有時要參考自家版面才看得出改版效果。
至於你的考量呢，我只想到一個辦法，那就是你趕快在自己的網誌上發表另一篇新文章。因為每個網誌只有最新的一篇文章會在首頁上，你再發表一篇新的文章，就不會有連續佔用版面的問題啦^^。
coffee cat，這招我試過啦! :D
因為是不同的網誌呀! 一個是背包公園，一個是我自己的;
結果我兩邊都發，那篇一起登出來 (昏~)，所以我才有此一問的 :p
因此只好趕快把我blog發的那篇先砍嚕 :x
我是不是太狠了
呵呵，所以我說要在 "自己" 的網誌上 "再" 發表一篇新的文章(跟這篇不同的文章)咩。這樣背包公園跟你的人生軌跡就不會有相同的文章在同一個版面上啦^^。
cat (被亂槍掃射中~咻咻咻!!)
咳咳!! 我知道了，我下次發表下一篇，再把這裡連結進來 (倒~)
背包公園就是我的家 XD
ps.標題或內容中若有向右或向左箭號，則後面的文章會消失!!
請教兩個問題 (使用toto模版)
修改了一些地方似乎都沒用，所以想請教一下前輩們!
我想要改header的background照片，可是老是不成功。
第一:
toto模板與一般的模板不同於有兩個.css檔，如styles_zh_cn.css以及styles.css; 裡面皆有個background照片可修改，由原來的headBg.gif我改成我上傳的.gif檔，且在兩個.css檔中皆改了(也試過只改其中一個)，不過不幸的還是無法更新成功! 想到可能是檔名的問題，所以把原來的headBg.gif刪除，再重新上傳新的headBg.gif，不過還是無法成功~ 所以不知問題出在哪 @.@a 神奇的是我把headBg.gif皆刪除了，blog顯示出來的仍是舊的那個。
第二: 小的blog右邊屬於panel的範圍，可是發表文章、迴響等的描述總是無法align的很好，看起來很不整齊; 嘗試更改一些參數，看來是不得要領 :x
不知前輩們有沒可以comment的，謝謝!!
ps. 查不太到alignment的相關文章 :x
to scorpion
Hi Scorpion
我剛試著拿toto模組改了一下...
基本上，只要動手改styles.css檔就行了，只是，我不喜歡header上同時有二張圖案重覆顯示，我將header改成一張圖片(這要改header.template檔)
所以, styles.css 裡，從header 下，我是這麼改的語法: 效果可到我家看看(http://www.backpackers.com.tw/blog/462)
.head {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(bgpicture.jpg);
background-repeat : no-repeat;
background-position : center;
border: #565 1px solid;
color: #8f8;
font-family: monospace;
font-weight: bold;
margin: 1px;
padding: 200px 20px;
width:960px
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
如果還是不清楚，我明天再找時間，列步驟出來。
to scorpion
剛去你家走了一下，你家的首頁照片已經成功放大了....所以，樓上那篇，僅供參考啦！
To: KC~剛成功放大是幌子 XD
我剛只是在測試焦糖姐姐之前PO的MATRIX模改啦，所以不是我的TOTO改成功 XD。我把你上面的程式加到我的.css檔中，照片檔名也改了，還是不行 @.@a 不過我參觀過你家的確是改過去了也~ magic..，我再試試..; 不過可否還是請你教一下怎麼將header改成一張圖片咧?? 感恩!!