Blogger 工作

猶豫了一天, 最後還是決定把 jQuery 等相關的檔案移到 Google Pages. 不過由於在 Google Pages 內無法建立資料夾, 所以針對檔名做了統一的修改:



圖檔 - img.jq.(plugin).(filename).(ext)

CSS - css.jq.(plugin).(filename).css

JavaScript - jq.(plugin).pack.js





將之前增加在 template 的 CSS 移至獨立的 .css 檔案內.





對 CSS 還不熟, 但為了將喜愛的圖放在上方, 還是花了一番苦心呀:

#top_background {
  width: 100%; 
  height: 160px; 
  position: absolute; 
  top: 0px; 
  left: 0px;
  z-index: 1; 
  filter: alpha(opacity=20);  /* for IE 濾鏡*/ 
  opacity: 0.20;    /* for CSS3 濾鏡 */
  -moz-opacity: 0.20;   /* for Mozilla 濾鏡*/
}

<div align="center" id="top_background">
  <img width="320" src="..."/>
</div>

需要的效果是在將圖形置於右上角當底圖, 再加上圖片淡化, 嚴格來說這並不是底圖, 不過因為加了淡化效果, 所以湊和著用吧~~

不過也因此使 Title 的首頁連結失效(按不到), 最後乾脆在整個圖加上 Hyperlink 連結至首頁.