谷澗山居

其實也不是什麼教學，
只是阿姒這次改版的心得啦！

在說阿姒的心得之前，
先在這裡給大家一點心理建設。
就是......
　
　
　
　
　
　
　
　
CSS改錯了也不會死啊啊啊啊啊啊啊啊啊！
　
　
　
　
　
　
為了證明阿姒剛說的話，
阿姒剛特地去把CSS刪除。
　
結果也只是這樣：
根本就不會動到本文啊啊啊啊啊啊！
CSS只會改變排版方式或是字體顏色等佈景，
（要是可以改本文的話大家早就把廣告刪了）
所以請放膽去改它吧！

請大家隨時把改好的CSS存到暫存檔或是Notepad(記事本)，
以免發生憾事啊。
(以下的提及的存檔是這個唷)
　
好，
進入我們的主題吧！
※以下翻譯名稱純為阿姒個人亂取的。　
　
首先，
先到樣板設定找一個你喜歡的框架結構來修改，
然後天空子民請先到樣板設置小幫手隨便調個東西存起來。
因為沒調過東西直接改CSS有時候會把整個CSS刪掉。=..=
還有修改時請記得隨時存檔！
讓我們來看一段的CSS格式。
（全球通用，各家部落格頂多更改區域名稱不同）
　
　
#更改區域名稱
{
 主題一: 動作; 主題二: 動作二; 
}
　
它的格式大略如上，
切記各主題以 ; 隔開。
　
　
有關更改區域名稱，
天空有提供。　
舊版樣式結構表
　
　
新版樣式結構表
　
　
接下來，
請拿出翻譯機。
 
　
#banner
{
  BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(圖片網址); BORDER-LEFT: medium none; WIDTH: 960px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; HEIGHT: 321px;
}
　
　
　
　
翻譯結果：
　
#banner（部落格最上方那裡）
{
  背景位置: right top（右上對齊）; 背景圖片: url(圖片網址); 邊緣左邊（這是框線）: 置中 沒有; 寬度: 960像素; 邊境底部（這是框線）: 置中 沒有; 背景重複: 不重複; 高度: 321像素;
}　
　
　
是不是發現CSS很好懂啊！（爆
只要你英文夠好的話。
　
　
翻譯比較看不懂得阿姒放在這裡 。
　
font-size:12px;
字體大小為十二。
color:#ffffff(顏色代碼);
字體顏色為白色。顏色代碼可在網路上找到，或是開PI色彩面板上的HEX就是代碼。
background-color:#ffffff; 
背景顏色為白色。可以用在表格背景或是文字底色。填入transparent為透明。
border-style:solid/dotted;
框線為實線/點線。
（其他線不知道，自己上網查吧！囧）　
text-align:left/center/right;
文字對齊方式為靠左/置中/靠右。
background-image : url(圖檔位址) no-repeat/repeat-x/repeat-y   fixed/scroll  ;
背景圖片的圖檔  不重複/重複水平軸/重複垂直軸   圖片固定(捲軸移動還是看得到它)/圖片捲動(捲軸移動就捲上去了); 
　
　
阿姒有改過的大概就這樣了吧！
如果有不懂或錯誤請提出！
　
　
　
注意事項，
請隨時存檔隨時存檔隨時存檔隨時存檔！囧
　
請大家大膽的給它改下去吧啊啊啊啊！
　
　
　
===============================================================　
　
其他：
天空的子民們，
是不是有時改了樣板設定小幫手卻會像下面這樣。
　
最上面那邊，
原本樣版的底圖還在那邊像卡到陰一樣怎麼改都修不掉。
　
先將現有版面CSS存到暫存檔備用。
　
如果是使用新版樣版的人可以找到以下語法。
　
#topbar
{
  FONT-SIZE: 12px; BACKGROUND-IMAGE: url(圖片網址); 
  WIDTH: 100%; HEIGHT: 25px;
}
　
觀看圖片網址會發現這就是那張卡到陰的圖片！
把圖片網址改成none再存檔就可以解決問題囉！