因此,教材部落格暂时不关闭先。等我把这个部落格所需的设计素材准备好之后,再来开工。哇咔咔。因为我明白,如果一连几天把部落格关闭,可能会造成大家的不便说 << 其实你没那么重要 ! 好呗,我懂了 T^T 总之,最近会尽量在换设计前把教材发布完毕说。
好了。先说这一要发布的教程 : 将 sidebar 小工具分开。会决定先发布这篇教程是因为大家要求的那个置放蕾丝在 sidebar 的教程,需要到这个效果。所以我就根据顺序要发布了。发了这篇教程后,就会发布置放蕾丝在 sidebar 的教程了。希望大家会喜欢了,敬请期待哟。
- Tutorial requested by Janice -
1. 模板 - Edit HTML
2. Ctrl + F 寻找代码
/* Widgets3. 在这个代码下面把以下的代码加上去:
----------------------------------------------- */
.sidebar .widget{4. 预览看看,效果有没有出现,或有没有不小心删到其他代码,即可保存。
background: url(背景网址);
border: 1px solid #ccc;
padding: 10px;
}
小解释
红色代码:背景图片的网址
紫色代码:边框的粗度、类型、颜色
蓝色代码:内容与边框之间的距离
额外知识
你可以为你的 sidebar 添加更多的效果哟。例如:
# 有形状的边框(参考此教程)
# 内容字体有影子(参考此教程)
等等等... 你想要的效果都可以添加进去 :)
Categories: Bii の语法笔记, 关于小工具