-->
先到模板 --> 修改 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>就可以了哦 :)
框框的种类可根据下图显示选择:
此评论已被作者删除。
回复删除