這個免費留言板還滿方便的,
以下附上網路上的教學文章,
跟幫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.然後我們要更改一下下面這個語法,也是全部複製進筆記本方便編輯
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<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&amp;boxtag=8759&amp;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&amp;boxtag=8759&amp;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>
<!-- END CBOX -->

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

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

創作者介紹
創作者 阿曼達林 的頭像
阿曼達林

阿曼達林的撒花俱樂部

阿曼達林 發表在 痞客邦 留言(6) 人氣()