[雪兒] cbox部落格留言板的編輯 @ 阿曼達林的撒花俱樂部

這個免費留言板還滿方便的，
以下附上網路上的教學文章，
跟幫Cbox加上外框的方法。

1、先去官網註冊，
cbox官網 http://www.cbox.ws/index.php
註冊方法跟功能說明看這裡

2、到這裡去下載你喜歡的外框(記得要留言告知版主)，下載以後上傳到你的網路相簿
http://lovejie2005.pixnet.net/blog/post/20046212

3、把cbox的大小版面修改的適合圖片的外框。
(1)到cbox後台的Look&Feel-->Layout Options那邊把版面大小改成 Width*:190px     Height*:300px     Form height*:75p
(2)到Look&Feel-->Colours & Fonts那邊修改版面背景跟字型設定(可參考下方我的設定數值)，把背景弄成透明才能顯示出背景圖案，沒有寫色碼的地方請把那格內容刪掉保持空白，設定好按Apply即可。(以後如果只是單純要更改字體跟背景顏色，直接在這邊編輯儲存，不用再重貼語法，你部落格整理頁面就會看到變更後的顏色了)
(3)到Publish-->Get your code那邊複製語法，複製後先貼在筆記本上，方便編輯。


4.然後我們要更改一下下面這個語法，也是全部複製進筆記本方便編輯

<div id="cboxdiv" style="background: url(貼上圖片網址) no-repeat top; width:220px; height:300px;padding: 35px             url跟括號間不能有空格          圖片的寬度跟高度，太小圖會被咖掉
0px;text-align: center; line-height: 0">
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="215" src="http://www3.cbox.ws/box/?
                                 留言框的寬度跟高度，設的比圖片寬高小才不會擋到圖
boxid=2972300&boxtag=8759&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="190" height="75" src="http://www3.cbox.ws/box/?
           打字框的寬度跟高度，寬度跟留言框一樣，高度至少要75才能看到表情符號那列按鈕
boxid=2972300&boxtag=8759&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="filter: alpha(opacity=80); opacity: 0.8;
-moz-opacity: 0.8; border:#DBE2ED 1px solid;border-top:0px"
id="cboxform"></iframe></div>
</div>

(1)首先去到你的相簿，在剛剛上傳的外框圖片上點右鍵-->內容，就會看到網址，把那排網址貼到圖片網址的地方，
(2)仔細看一下你剛剛貼在筆記本的的cbox語法，有兩段跟上面藍色地方很像的語法，請把那兩段複製起來，分別取代上面藍色的位置，
(3)然後把上面這些更改好的語法貼到你的部落格的自訂欄位就ok啦。
(4)之後要更換圖片，只要直接在部落格後台改圖片網址，還有調整留言框跟打字框大小以配合圖片就好了。

5、另外在cbox上留言也可以運用方法作文字特效喔，例如跑馬燈XD
方法看這裡