∘到處存在的場所∘到處不存在的我

〔930928語法更改記錄〕

★更動事項一：增加引言語法 （成功！）

～原語法～（0817加入）

blockquote {
color: #A6628F;
background:#EEF5E7;
margin:5px 40px 5px 40px;
font-size:small;
font-weight:normal;
line-height:150%;
padding: 10px;
border: 0px solid #3399ff;

正要寫幾篇布拉格分享語法篇，將常用的語法做整理，就看到愛倫米亞在阿布的留言版問的問題。不過要Step by step的說明，會是一大篇，所以我就不在留言版回，直接寫一篇文章做個詳細的說明吧^^

其實我會的語法大都是幾個有耐心的網友教我的，像是艾瑪和Floria等等，另外自己也還要不斷的嘗試，漸漸你就可以摸索出語法的規則的。阿布會的語法多是簡單、基本的而已，若有錯誤還請各位高手指正哦！

要修改語法首先要先了解各語法的相對位置，你可以先參照CSS對照表或Tjun無名網誌語法教學裡的前言裡有說明！

要將首頁放上圖片，要先將圖片上傳（你可以放到你個人的無名相簿裡），再來你要決定放什麼圖片、多大、放在首頁的那個位置，在去找到各位置的語法在裡面做修改。

舉例來說，阿布想將圖片上傳至首頁當內文的底圖，而內文就是blogbody{....}那一個區塊，於是阿布就要那裡修改；再來，你到已上傳的圖片按右鍵將網址（URL）複製下來，套進以下的語法中background-image : url("剛剛你複製的URL網址")中，放進blogbody{....}裡，即可修改背景底圖。但要注意一點就是，原先你套用的樣版裡也會設定背景的顏色（例如background-color :＃FFF）你要將此語法消掉，才能顯示出你想要的背景（意思是說，原設定的背景色可能會和你改的顏色衝突或擋住，你要改掉才能顯示你後來修改的背景）。

而要鎖定背景的語法是background-attachment: fixed; （固定背景，不隨視窗滾軸而移動，就是你說的讓底圖不動）其他修改背景的語法，可參考這裡。

要改變捲軸的顏色有一個特定的語法，將此語法放在所有語法的最前面：

HTML {

因為背景改了，我想接下來要調整banner的底色或樣式，讓網誌整個版面看起來能更協調‥‥有空再來改留言版的背景和捲軸色（因為也還不知道那語法怎麼改），至於相簿，不太想花心思做太大的改變，因為對我來說那只是放網頁素材的地方 XD

↑↑上面的備忘錄內容是早上寫的，結果沒想到我還是先改了留言版的banner背景色和捲軸顏色，反而是網誌的banner要怎麼改卻還沒有個主意‥剛剛問大哥他有沒有圖片編輯軟體，他說有PhotoSop，嘿嘿！有了工具，希望我能有時間和精力好好的來弄我的網誌 ^ ^

剛剛去修改一些舊文章，把文中的連結改為另開新視窗的語法‧這讓阿布又另起一個念頭，我想把常用的語法整理起來，編輯在一個資料夾內，這樣方便在自己線上查詢，也可作為語法記錄‧

經過一個晚上的嘗試，我的留言版新版面終於催生出來啦！是很漂亮的藍‧這樣令我滿意的版面，是經由Floria持續耐心的指導和自己努力嘗試的成果，阿布非常喜歡喔！大家一定要去看看！

〔930730留言版語法更改記錄簿〕


留言版背景色預定#99ccff #66ccff B3CBF6 D5DFFF 留言版文字色預定#0066ff 3399FF

配色 實驗室


★改留言版banner背景：<�成功！>

設定一－

background-image: url('http://a.pic.wretch.cc/./photos/a/angelmini/3/1091094379.jpg');

設定二－

〔920729語法更改記錄〕

★把banner下的虛線變不見：<�成功！>

#banner {
height: 65px;
border-bottom: none;（多加這一行，並將pt改成none）
margin-top: 0px;
margin-right:100px;
margin-left:100px;
margin-bottom:5px;

}

background-image: url('http://noion.cool.ne.jp/1-noion/ban/image/sports/09.gif');

〔920728語法更改記錄〕

★網誌內文修改：

.blogbody {
color: #666;
font-size: small; （由原語法font-size: small改成font-size: 11pt）
font-weight: normal;
background: #fff;
line-height: 140%;
margin-left: 15px;
margin-bottom: 10px;
padding: 5px;
}

〔920726語法更改記錄〕

★修改行事曆的邊界：

.calendar {
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 2px;
text-align: center;
margin-top:210px; （從180px改為210px）

}

★增加網頁素材連結圖片：

〔920725語法更改記錄〕

★網誌右方連結區改邊界：

原：

.side {
color: #333;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 3px 7px;
}

改為：

〔920725語法更改記錄〕

★經艾瑪協助，修改的語法為：

body {
background-color: #fff;
margin-top:10px; /*上邊界*/
margin-right:1px; /*右邊界值*/
margin-bottom:1px; /*下邊界值*/
margin-left:10px; /*左邊界值*/
padding: 0px;
}

〔920724語法更改記錄〕

★更改背景：

背景欲改為卜卜口 但與前景不合而做罷

body{
background-image : url(http://a.pic.wretch.cc/./photos/a/angelmini/3/1090648914.jpg);
background-attachment: fixed;
}

背景欲改為愛情合約桌布 但與前景不合而做罷

body{
background-image : url(http://a.pic.wretch.cc/./photos/a/angelmini/3/1090678317.jpg);

今天一直嘗試著修改語法，一直想要有一個心中理想的版面，但屢試不成，又找不出原因，最後只好厚著臉皮在線上向艾瑪求救：P

沒想到我這個天才（艾瑪語），不但一急話講不清楚，打字還很慢，讓艾瑪被我弄得也一頭霧水‥‥後來艾瑪發現我的語法有一些小錯誤，慢慢導正我一番（因為我常犯連新手都少錯的問題￣□￣|||）。

真的很感謝艾瑪的耐心教學，我一直覺得如果我是艾瑪一定會對眼前這個笨蛋很不耐煩（對！阿布是很沒耐心的人，喔，不！是沒有耐心的笨蛋），但艾瑪很認真看著笨蛋阿布寫的語法，又帶著阿布仔細找出問題，幫阿布改正過來，讓阿布終於看到自己理想的部落格版面‥‥

後來阿布又問了兩個語法的問題（分別是挪移部落格右方的連結區 a n d 修改分隔線），艾瑪也分享了她改連結區的經驗供我參考。最讓阿布開心的事還不只這樣（神啊！感謝祢讓我今晚好運不斷），艾瑪後來說我設定的表格很好，是難得的好原始碼（比照樣版而言）。呵呵！妳知道被部落格專家稱讚的感覺嗎？很不好意思，但又真的很開心！艾瑪另外又分享了她especially for me的獨創語法，我有空一定要來試試，但一定要先寫完這篇好好感謝艾瑪 ^ ^

現在你看到的版面，正是艾瑪提供語法協助我修改的唷！

最後阿布還跟艾瑪小聊了一下，我幫艾瑪回憶了她是如何被我在網路上搭訕認識的，也各自分享了目前的近況（聊什麼，嗯！是秘密），最後阿布才依依不捨的道了再見（因為想偷偷寫篇感謝的文章，妳知道的，我打字慢嘛！），雖然今晚不斷出搥，但也感覺自己真的是很幸運的，不但解決了語法的問題，還更認識艾瑪一點，讓我作夢都微笑。

其實，除了感謝，阿布也期勉自己能像艾瑪一樣，在自己漸漸專精於一些技術之後，也能用良好的態度提供這樣的能力和資源給需要幫助的人。另外，我一定要說，其實艾瑪收起C S S 碼並不小氣。試想辛苦寫下的語法，雖是公開的，但遇上不尊重作者的沒禮貌者，雖不高興，但有時也只能氣在心裡‥‥但做這樣得不償失的行為，最後損失的還是自己，還傷害了好心分享的網友，佔人家便宜將來自己一定會吃虧。所以我雖覺得可惜，但我能體會艾瑪（或類似處境的人）的感覺，那一定很不好受。希望這招防堵，能讓那似小偷行徑的人有些反省。

感謝寫完了，我也該睡囉，希望今晚艾瑪和各位正在看網頁的朋友都能有個好夢。