山海经

厚厚，我没有食言哟。我真的是自制了一些圣诞素材来发布哟。可是感觉不是很美啦，还好而已。不嫌弃的话，大家可以拿去用 :) 这制作了聊天室背景、隐藏式聊天室背景、还有 follow 按钮。只有几种颜色而已，浅蓝  褐色  粉色  灰色。其他的颜色我还不是很 pannai 调、嗯，就略过吧。

全部都是自制的哟。素材里的小挂饰是从不同网站招来的 :) 麻烦大家，拿图前请留言、谢谢哟。

# 1 不介意的话，使用前请留言告知。

# 2 右键已封锁，请使用 Ctrl+Click 到另一个新窗口拷贝网址。

# 3 若想要转载素材，请先得到博主的同意，并附上部落格链接。

<center>
<div id="cboxdiv" style="background: url(背景url) no-repeat center; width: 176px; height: 180px; padding: 70px 0px 0px; text-align: center; line-height: 0"><br/>
<div><iframe allowtransparency='yes' frameborder='0' height='115' id='cboxmain4-3916315' marginheight='2' marginwidth='2' name='cboxmain4-3916315' scrolling='auto' src='Cbox Source 1' style='border: 0px solid;' width='155'/></iframe></div>
<div><iframe allowtransparency='yes' frameborder='0' height='60' id='cboxform4-3916315' marginheight='2' marginwidth='2' name='cboxform4-3916315' scrolling='no' src='Cbox Source 2' style='border: 0px solid; border-top:0px' width='155'/></iframe></div>
</div>
<!-- END CBOX -->
</center>

<center>
<div id="cboxdiv" style="background: url(http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/selfmade-xmas-hidecbox-1.gif) no-repeat center; width: 202px; height: 71px; padding: 25px 0px 0px; text-align: center; line-height: 0"><br/>
<div><iframe allowtransparency='yes' frameborder='0' height='0' id='cboxmain4-3916315' marginheight='2' marginwidth='2' name='cboxmain4-3916315' scrolling='auto' src='Cbox Source 1' style='border: 0px solid;' width='155'/></iframe></div>
<div><iframe allowtransparency='yes' frameborder='0' height='60' id='cboxform4-3916315' marginheight='2' marginwidth='2' name='cboxform4-3916315' scrolling='no' src='Cbox Source 2' style='border: 0px solid; border-top:0px' width='190'/></iframe></div>
</div>
<!-- END CBOX -->
</center>

<center>
<div id="cboxdiv" style="background: url(http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/selfmade-xmas-hidecbox-2.gif) no-repeat center; width: 217px; height: 63px; padding: 33px 0px 0px; text-align: center; line-height: 0"><br/>
<div><iframe allowtransparency='yes' frameborder='0' height='0' id='cboxmain4-3916315' marginheight='2' marginwidth='2' name='cboxmain4-3916315' scrolling='auto' src='Cbox Source 1' style='border: 0px solid;' width='155'/></iframe></div>
<div><iframe allowtransparency='yes' frameborder='0' height='55' id='cboxform4-3916315' marginheight='2' marginwidth='2' name='cboxform4-3916315' scrolling='no' src='Cbox Source 2' style='border: 0px solid; border-top:0px' width='175'/></iframe></div>
</div>
<!-- END CBOX -->
</center>

Categories: Bii の百宝箱, 聊天室背景

超超超超久违的教程 :) 带着新设计低调的回归。整个 2013 就过去了三分之一了说、即使压力再多也好，心情再烂也好，日子还不是一样得过。这个世界不会因为你一个人的心情不好、压力很大而停止运转，所以，倒不如重拾欢笑，开开心心地过每一天。♥

言归正传，这更新的教程：Navigator Style. 就是我们常说的页面效果啦。这分享的教程呢，效果是自创的。其实这个教程是有瑕疵的，就是只适合用在单色背景。或者熟悉代码的大家，可以把效果的 basecode 拿去慢慢研究的哟，不过记得 CR 我就是了 :>


Blog Template User
1. 页面 - 添加小工具 - HTML/JavaScript
2. 把以下的代码添加进去

Blogskin User
1. 模板 - edit HTML
2. Ctrl + F 寻找代码 </style>
3. 在 </style> 的下面添加以下代码

<style>
#navi1 {
width: 100px;
height: 10px;
color: #fff;
margin-left: -111px;
-webkit-transition-duration: .7s;
padding: 10px;
padding-right: 25px;
background: 背景色/url;
border: 1px dashed #888;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
#navi1:hover {
width: 100px;
height: 10px;
padding: 10px;
padding-right: 25px;
color: #fff;
margin-left: 0px;
-webkit-transition-duration: .7s;
background: 背景色/url;
border: 1px dashed #fff;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
#nav1 {
font-family: arial;
text-transform: uppercase;
height:12px;
background: url(背景url);
color: #fff;
-webkit-transition-duration: .7s;
border: 1px dashed #888;
}
#nav1:hover{
font-family: arial;
text-transform: uppercase;
height:43px;
background: url(背景url);
color: #888;
-webkit-transition-duration: .7s;
border: 1px dashed #888;
}
</style>
<div style="top:60%; left:1px; position:fixed;">
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
<br /><br />
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
<br /><br />
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
</div>

小解释
红色代码：背景的颜色代码 or 网址
蓝色代码：页面位置 *可自行更改
紫色代码：页面链接
橙色代码：页面名称 *示例图 - HOME
靛色代码：页面简介 *示例图 - BACK TO HOME

# 号外号外：其实我没有 color 起来的代码也可以自己更换，毕竟 basecode 给了你们，要更改起来就比较容易。

PS : 求对新设计的留言啊啊啊啊 :D


Categories: Bii の语法笔记, BS 教程, Navigator, 自创教程

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home1.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home2.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home3.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home4.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home5.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home6.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home7.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home8.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home9.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home10.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home11.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-home12.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts1.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts2.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts3.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts4.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts5.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts5.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts7.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-newerposts8.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts1.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts2.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts3.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts4.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts5.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts6.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts7.gif

http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/page-olderposts8.gif

Categories: Bii の百宝箱, 日系字体