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

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

1、首先要先註冊，在右手邊的留言板上按get a cbox就可以到官網了，
註冊方法跟功能說明看這裡
(據說Cbox有廣告，所以上面連結的版主有介紹擋廣告的方式，但是我用了一陣子都沒見過有廣告跳出來耶@@ 所以就沒研究)如果你沒有想要特別美化的話，那只要複製語法貼上部落格的自訂欄位就ok了，如果你想幫cbox穿衣服的話，那就接著下面的步驟。

2、到這裡去下載你喜歡的外框(記得要留言告知版主)，下載以後上傳到你的網路相簿--->埃及貓

3、.接下來要把cbox的大小版面修改的適合埃及貓的外框。
請把大小改成 Width*:190px     Height*:300px     Form height*:75p，然後版面修改成跟我一樣的設定，把背景弄成透明才能顯示出背景圖案，沒有寫色碼的地方請把那格內容刪掉保持空白，設定好按Apply即可。(以後如果只是單純要更改字體跟背景顏色，直接在這邊編輯儲存，不用再重貼語法，你部落格整理頁面就會看到變更後的顏色了)。然後去領取cbox給你的語法，複製後先貼在筆記本上，方便編輯。(方法參考自壯兔兒家)



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
方法看這裡

Posted by amandalin at 痞客邦 PIXNET Comments(4) Trackback(0) Hits(1352)