山海经

2. 添加以下代码：

<style type="text/css">

#gb{
position:fixed;
top: 50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height: 400px;
width: 140px;
float: left;
cursor:pointer;
background:url('图片网址') no-repeat;
}

.gbcontent{
float:left;
border: 1px solid #666666;
background: #ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

内容在这里

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

3. 保存即可。

小解释
蓝色代码：小工具距离部落格顶部多远
紫色代码：小工具内容的边框类型、粗度、颜色等
紫色代码：小工具内容的背景色
红色代码：小工具的内容
青色代码：显示 Close button 的字

附注：
其实，这个小工具不止可以添加页面，也可以添加 ChatBox、播放器、你要写的留言等等等。看你有没有创意、够不够大胆而已。


Categories: Bii の语法笔记, 关于小工具, 关于页面

Categories: Bii の语法笔记, 关于帖子

LIVE PREVIEW - CODES - BLOGSKIN.COM

BELLO. 久违的更新了。俺的部落格实在是被自己荒废了不久。杂草丛生了都 :( 没办法，最近真的很忙很忙 (哭) 只能小小抽空上来发布一下自制的 BS、其实之前就已经发布过一款自制的 BS 了，这个算是第二个。Hmm, 若要我花时间在制作 BS 好像有点不可能呢，连睡觉的时间我都不够了说。所以这发布的是之前我自己用过了的 BS 哟。有兴趣的亲们可以自己到以上的连接下载看看实图。

然后就小小介绍一下这的设计吧 *日记部落格其实已经介绍过了不是 ? LOL. 主要采用灰蓝色 + 接近褐色的牛奶色，当初纯粹是想体验一下不同的，没想到效果出来还不错 (? HEHE. 然后本身最满意的其实是 navigator 那边，自己还蛮喜欢的 :P 然后置放 Cbox 的位子也空出来了，可以给大家放自己的 Cbox 代码。再来就是靠大家自己去更改一下一些细节的设计了。

对了，忘了说一句，这的 skin 我都没有放 comment 进去哦 :) 如果大家要添加 comment, 可以自己添加哟 :P 要代码的，可以私底下 PM / inbox 我的专页告诉我哟 :P


Categories: Bii の百宝箱, 自制 BS 模板