ACG

MOCASTING前陣子加了這個css 編輯器，但實際用的人應該不多。簡易模版編輯雖然可以改圖，可是字的顏色和大小都不能改變，有點麻煩。我喜歡大的字型，原來的那個主題的字型太小，而且版面太窄，貼不到圖，很不舒服。

結果自己就自行改掉編輯器。

這裡網頁的字型格式，都是用css 的style sheet 去改的，只是改變當中的某些數值，就能夠改變版面外觀

網上的東西，是沒有辦法收埋的，只是打開原始檔。選用了上面的那個版面，再把原始檔中的style 部份，copy 到自己的css 編輯器當中，版面就會變成本blog 一樣……

<style type=\”text/css\” media=\”screen\” />

.........................

style>

說一下CSS關鍵部份

>>>>>>>>

body { 

        top:30px; 

        width:980px; 

	margin:center; 

	margin-top:10px;

 	padding:0; 

	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;

	font-size:13pt; 

		color:#444444;

 	line-height:1.3em; 

	background: #e6d7f8; 

         border : 1px solid #8a5597; }

width 是整個blog 的最外層的闊度，我調較的是980px……這個是剛好能夠完全用在1024x768的畫面

font-size : 即是字型大小，13pt 是偏大的，原始是9px……..

background: #e6d7f8;  這個即是blog的背景顏色，#e6d7f8是代表紫色，有點怪異…….

border :是指body 的外框，這個是深紫色，有沒有也是一樣的，不太重要。

>>>>>>>>

#header {  

        background:#fff url('http://i106.photobucket.com/albums/m255/xelein2/blog-title/titile-change-1.jpg'); 

         top:10px;  

	height: 200px; 

	margin: 0 auto;

 	width:100%; 

	padding:0; 	

border:#fc9 2px solid; 

}

header 是指最上層的部份，主要就是那個圖，這裡只要把圖的位置改變，就能夠改變blog的外貌，這個用的是半月之空，設定高度為200px，如果你愛用大的圖像，可以把圖的高度設定為300。

你只要準備一幅300x960px的圖像就好。本blog 是紫色，配紫色的圖，但圖做得不好...........怎樣做一幅圖，可以用photoshop...........

>>>>>>>>

#content 和 #menu

這兩個是相對的，本blog 的設定為660px 和240px .....menu 是指右面的闊度，content 是指內容部的。兩者是互相影響的660+240px =900px ，body 大小為數980px，剩下來的就是框架的緩衝位置。

如果有心做的話，整個blog所做的字型，連結的顏色都能夠改夠，但所費的時間甚鉅。基本上，只要改變header 的圖和background 的顏色，分別很大。

以上是簡單教學。好像有點複雜，說得不清楚。

版面問題倒是其次，最重要是那個連線速度，晚上有時連不上....很灰。

附上色板網頁 http://www.cn76.com/js/back15.htm