分类: 一笔之力(blog教程及其他) |
这个代码大家应该都是知道的了吧?现在游虾再来补充几个,请看好——<STYLE type=text/css>
body
{background:url(页面背景图片) repeat
scroll!important;}.logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}.banner
{background:url(题图大图) no
repeat no scroll!mportant;}.menu{
background:url("题图下的菜单图片") no-
repeat center;}.feeds .up{
background:url("正文标题栏上翻时的图片") no-
repeat center;}.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}.feeds .function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}.links .up{
background:url("面板标题栏上翻时图片");} .links .down{
background:url(面板标题栏下翻时的图片);} .links .mid{
background:url(面板的背景图片);} .photo .mid{
background:url(形象照片处的背景图片);} .label .mid{
background:url(自定义面板的背景图片);} .calendar .mid{
background:url("日历面板背景");} .callboard .up{
background:url("公告栏标题栏上翻时图片");} .callboard .down{
background:url("公告栏标题栏下翻时图片");} .callboard .mid{
background:url("公告栏背景图片");} .bodyBg{
background:url("正文背景图片");} .bodyBottom{
background:url("正文背景图片");} </STYLE>
.gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;
}
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;
}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;
}
现在基本上所有的图片都可以换成咱们自己的了,DIY的第一步大功告成!!
现在要强调的一点是图片的地址问题,有的朋友喜欢使用本地图片地址,这是错误的,图片必须是网络上存在的,这样别人才能看到你的图片;还有的朋友喜欢使用网易之类的网络相册图片,这也是错误的,因为这些网站会对图片的真实地址加密,或者是随时改变图片地址,这样你的图片便会经常无法在博客里看到,最稳当的方式是利用新浪的博客储存图片,方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找到你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就乖乖的显形了!!
如果你觉得这个方法还不够简单,那你可以再申请一个博客,专门用来贴图,再在你的主博里应用即可。
下一节将要讲述的是:如何改变新浪博客的页面宽度,以及博客标题的美化,还有相关图片的规格等等。