越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 添加留言板 Message Board


这个就是 留言板

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

2. 添加以下的代码:
<style>
<!--
#postit{
position:fixed; width:225pxpadding: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: 0pxtop: 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:留言板距离上边多少距离(可自由更改)
红色代码 - 留言板的内容

5 comments:

  1. 谢谢你锕xD 还有请问图片那里找哦?

    ReplyDelete
    Replies
    1. 可以在我的部落格的素材库里面找到 - http://angelbii.blogspot.com/p/materials.html

      Delete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。