訂閱
上一篇
返回
下一篇
修改 layout.css
作者: 老鳥學飛 日期: 2008-06-23 20:52
剛安裝好的F2blog
是使用default界面模版，如果覺得不是很喜歡，可以到F2blog的官方網站去下載其他界面(skin)，下載後的skin檔案解壓縮後，把它上傳到你的網站上的skins目錄下，然後用瀏覽器打開你的網誌，按[管理]到後台的[界面模組]去裝載你要的skin。如果對於新裝載的界面(skin)還不甚滿意，那就要更改layout.css來微調了，本站就是根據「藍藍的天空─居中版」修改的，修改情形大略如下：
下載的skin資料夾中有四個CSS樣式文件：
1.global.css (整體樣式設定)
2.layout.css (內容樣式設定)
3.link.css (連結樣式設定)
4.typography.css (日曆樣式設定)
這些CSS樣式文件一般可以使用記事本來編輯，如果有Dreamweaver網頁編輯軟體那就更好。
要更改版面寬窄和上方圖檔，只要修改layout.css文件中的#container和#container #header
修改的部份：
#container{width:1003px;margin:0 auto;padding:0;text-align:center; background:#FFFFFF;}
#container #header{width:1003px;height:154px;background-image: url(top.jpg);background-repeat: no-repeat;background-position: left top;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;background-color: #becab6;border-bottom: 3px solid #cccccc;}
最後記得把你的圖檔top.jpg上傳到skin的資料夾中。
引用通告地址:
標籤:
評論: 0 |
引用: 0 |
閱讀: 1834
發表評論
側邊最新評論與最新留言 (2008-07-05 15:58)
自動擷取字數 (2008.7.6更正) (2008-06-20 14:54)
連結頁面排序 (2008-06-20 11:46)
新的網誌 (2008-05-26 11:25)