Sidebar Navigator
Sidebar Navigator 这一个页面链接是放在Sidebar(小工具)的 =)
Blog Template
1. 设计 - 修改HTML
2. Ctrl + F , 寻找 ]]></b:skin>
3. ]]></b:skin> 下面 添加 代码①
4. 保存
5. 然后再去设计 - 页面元素 - 添加小工具 - HTML/JavaScript
6. 把 代码② 贴进去
7. 保存
Blogskin
1. 模板
2. Ctrl + F,寻找 <style type="text/css">
3. <style type="text/css"> 下面 添加 代码①
4. 把 代码② 添加在你 Sidebar 的代码里
5. 预览,保存
代码①
#navigation {font-size:12px;padding: 5px;border-radius:5px;-webkit-transition: 1s;}
代码②
<center><div style="word-spacing: 2px; color:#ffffff; ">
- <span style="background:#A0D6FF; cursor:pointer" id="navigation" onmouseover="this.style.color='#FFFFFF',this.style.background='#666666'" onmouseout="this.style.color='#FFFFFF',this.style.background='#A0D6FF'"><a href="页面网址1">页面1</a></span>
- <span style="background:#4FB3FF; cursor:pointer" id="navigation" onmouseover="this.style.color='#FFFFFF',this.style.background='#333333'" onmouseout="this.style.color='#FFFFFF',this.style.background='#4FB3FF'"><a href="页面网址2">页面字2</a></span>
- <span style="background:#A0D6FF; cursor:pointer" id="navigation" onmouseover="this.style.color='#FFFFFF',this.style.background='#666666'" onmouseout="this.style.color='#FFFFFF',this.style.background='#A0D6FF'"><a href="页面网址3">页面字3</a></span>
- <span style="background:#4FB3FF; cursor:pointer" id="navigation" onmouseover="this.style.color='#FFFFFF',this.style.background='#333333'" onmouseout="this.style.color='#FFFFFF',this.style.background='#4FB3FF'"><a href="页面网址4">页面字4</a></span>
</div></center>
红 - 字体大小
黄 - 圆角度
橙 - 字体颜色
粉 - 页面链接背景颜色
青 - 指向页面链接时的背景颜色
蓝 - 页面的网址
蓝 - 页面的名称