百分百

自定义博客主题也包括页面中图像元素的定制，本文继续修改上篇文章所编辑的自定义主题，介绍如何上传图片文件作为博客顶端区域的背景图。

本博客主题默认的顶端区域尺寸为950x200，因此要准备好一张相应尺寸的图片文件，在博客操作菜单中点击“设置”>“博客管理”>“媒体文件”>“添加媒体文件”即可将上传图片文件。点击已上传图片可以查看并复制文件的链接(URL)：http://study.ywicc.edu.cn/roller/100/mediaresource/c46a1f3c-78e1-41de-bf87-f9122e43cf72。

点击“设置”>“外观设计”>“模板”，点击style.css文件打开编辑窗口，可以看到这一段代码：

#hd {
    background-image: url($url.resource("images/background-950x250.jpg"));
    height: 200px;
}

这是页顶横幅区域的样式定义，将原来的URL改为新上传图片的URL：

#hd {
    background-image: url(http://study.ywicc.edu.cn/roller/100/mediaresource/c46a1f3c-78e1-41de-bf87-f9122e43cf72);
    height: 200px;
} 

点击“保存”按钮即可更新页顶横幅的背景图片。

注意背景图片和文本颜色应当相配，例如默认横幅中的文本均为白色，所以背景图片在显示文本的地方应为深色区域。如果文本显示不够清楚，可以为文本元素定义深背景色。