添加另类页面 2

怎么说是另类的页面?

  --> 

先到模板 --> 修改 Html --> 继续 --> Ctrl + F 寻找【]]></b:skin>】

然后在【]]></b:skin>】的上面添加以下的代码
bb{
background:#FDF2E1;
width:60px;
padding:2px;
text-align:center;
border-left:3px solid #FCE3BD;
-webkit-transition:.5s;
}

bb:hover{
-webkit-transition: .5s;
border-left:18px solid #FCE3BD;
}
温馨小提示 ❤
红色的字 --> 背景的颜色
粉色的字 --> 背景的宽度
橙色的字 --> 旁边框框的厚度
黄色的字 --> 框框的种类
浅蓝的字 --> 框框的颜色

注:【bb:hover{】后面的代码是鼠标指向页面后的效果哦

好了过后就可以先预览看看,然后就保存起来

到布局 --> 添加小工具 --> Html / Jave Script 把以下的代码放下去
<bb><a href="链接网址">要显示的字</a></bb> 
你只要在你想要添加这个效果的前面添加 <bb>,然后在后面添加</bb>就可以了哦 :)

框框的种类可根据下图显示选择:

1 条评论:

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆,有些我不能一一评论

2、如有捣乱着,恕我删除留言

3、有些博友要的教程,请勿再三询问,请到教程列表里仔细寻找

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*