晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年10月6日星期日 | POST ♥
   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>

- 字体大小
- 圆角度
- 字体颜色
- 页面链接背景颜色
- 指向页面链接时的背景颜色
- 页面的网址
- 页面的名称






NEW ⇠
PAST ⇢