教程 | 添加留言板 Message Board

这个就是 留言板 了

1. 设计 → 页面元素 → 添加 HTML/JavaScript

2. 添加以下的代码：

<style>

<!--

#postit{

position:fixed; width:225px; padding:5px; background: url(图片direct link); border:2px double #000000;   -moz-border-radius: 15px 15px;

border-radius: 15px 15px;

visibility:hidden; z-index:100; cursor:crosshair; color: black }

-->

</style>

<div id=postit style="left: 0px; top: 150px">

<div align=right><b><a href="javascript:closeit()">[Close]</a></b></div><br />

<!--INSERT YOUR CONTENT HERE--><br />

留言板内容

<!--END YOUR CONTENT HERE--><br />

<br />

</div><br />

<script type="text/javascript" language="javascript">

//Post-it only once per browser session? (0=no, 1=yes)

//Specifying 0 will cause postit to display every time page is loaded

var once_per_browser=0

///No need to edit beyond here///

var ns4=document.layers

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ns4)

crossobj=document.layers.postit

else if (ie4||ns6)

crossobj=ns6? document.getElementById("postit") : document.all.postit

function closeit(){

if (ie4||ns6)

crossobj.style.visibility="hidden"

else if (ns4)

crossobj.visibility="hide"

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = document.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function showornot(){

if (get_cookie('postdisplay')==''){

showit()

document.cookie="postdisplay=yes"

}

}

function showit(){

if (ie4||ns6)

crossobj.style.visibility="visible"

else if (ns4)

crossobj.visibility="show"

}

if (once_per_browser)

showornot()

else

showit()

</script>

小解释

橙色代码 - width：留言板的宽度

青色代码 - padding：内容离边框的距离

蓝色代码 - background：留言板内容背景的图片 link

紫色代码 - border：2px（边框的厚度）、double（边框的类型）、#000000（边框的颜色）

青色高亮 - border radius：边框的弧度

黄色高亮 - left：留言板距离左边多少距离（可以自由更改，如果要将留言板放在右边，可以将 left 改成 right）

红色高亮 - top：留言板距离上边多少距离（可自由更改）

红色代码 - 留言板的内容