怎样更换blog背景

显示全部楼层 · 2009-1-30 06:28:38

更改模板风格的方法：登陆博客－－点＂管理博客＂－－制定BLOG模板－－点击此处更新模板－－选择模板－－点击＂选择此模板＂－－移动鼠标到各板块－－你会看到晃动虚框－－点击虚框－－点上下箭头选择图片－－各板块选好后－－上方园图标＂更改页面背景＂－－上方园图标＂保存并返回．至此．大功告成！上方园图标中就有更换BLOG背景项. 用代码更换BLOG背景 : 更换整体页面大面背景图片的源代码：大背景不动fixed 大背景滚动scroll <STYLE> body {background:url(背景图片地址) repeat fixed!important;} </STYLE> 具体操作方法如下：点击管理博客——新增空白面板——先在空白面板上敲一下空格键——勾选“显示源代码”（这时你会看到面板中已经有一行代码了：<DIV> </DIV>）——将上面代码粘贴在<DIV> </DIV>后面——保存——定制个人首页——添加模块－－选取新增面板——保存设置．
提问者对答案的评价：

更换整体页面背景的源代码： <STYLE type=text/css>body {background:url(博客整体页面背景图片) repeat scroll!important;}</STYLE> 更换页面题图logo图片的源代码： <STYLE type=text/css>.logo {background:url(博客最上方题图logo图片) no repeat no scroll!mportant;}</STYLE> 更换页面横幅题图的源代码： <STYLE type=text/css>.banner {background:url(横幅题图大图) no repeat no scroll!mportant;}</STYLE> 更换页面横幅题图下面的菜单图片的源代码： <STYLE type=text/css>.menu{ background:url("题图下的长条菜单图片") no- repeat center;}</STYLE> 更换页面文章标题栏上翻时的图片的源代码： <STYLE type=text/css>.feeds .up{ background:url("文章标题栏上翻时的图片") no- repeat center;}</STYLE> 更换页面文章标题栏下翻时的图片的源代码： <STYLE type=text/css>.feeds .down{ background:url("文章标题栏下翻时的图片") no- repeat center;}</STYLE> 更换页面文章结尾处评论阅读菜单栏的图片的源代码： <STYLE type=text/css>.feeds .function{ background:url("文章结尾处评论阅读菜单栏的图片") no- repeat right;}</STYLE> 更换页面空白面板标题栏上翻时图片的源代码： <STYLE type=text/css>.links .up{ background:url("空白面板标题栏上翻时图片");}</STYLE> 更换页面空白面板标题栏下翻时图片的源代码： <STYLE type=text/css>.links .down{ background:url(空白面板标题栏下翻时的图片);}</STYLE> 更换页面空白面板的背景图片的源代码： <STYLE type=text/css>.links .mid{ background:url(空白面板的背景图片);}</STYLE> 更换页面形象照片处的背景图片的源代码： <STYLE type=text/css>.photo .mid{ background:url(形象照片处的背景图片);}</STYLE> 更换页面自定义空白面板背景图片的源代码： <STYLE type=text/css>.label .mid{ background:url(自定义空白面板的背景图片);}</STYLE> 更换页面日历面板的背景图片的源代码： <STYLE type=text/css>.calendar .mid{ background:url("日历面板的背景图片");}</STYLE> 更换页面公告栏标题栏上翻时图片的源代码： <STYLE type=text/css>.callboard .up{ background:url("公告栏标题栏上翻时图片");}</STYLE> 更换页面公告栏标题栏下翻时图片的源代码： <STYLE type=text/css>.callboard .down{ background:url("公告栏标题栏下翻时图片");}</STYLE> 更换页面公告栏的背景图片的源代码： <STYLE type=text/css>.callboard .mid{ background:url("公告栏的背景图片");}</STYLE> 更换页面正文背景图片的源代码： <STYLE type=text/css>.bodyBg{ background:url("正文背景图片");}</STYLE> 更换页面正文背景图片的源代码： <STYLE type=text/css>.bodyBottom{ background:url("正文背景图片");}</STYLE> 更换页面正文文章页数图片的源代码： <STYLE type=text/css>.feeds .page{ background:url("正文文章页数图片") no-repeat center;}</STYLE> 更换页面留言板标题栏上翻时的图片的源代码： <STYLE type=text/css>.gbook .up{ background:url(\'留言板标题栏上翻时的图片\') no-repeat;}</STYLE> 更换页面留言板标题栏下翻时的图片的源代码： <STYLE type=text/css>.gbook .down{ background:url(\'留言板标题栏下翻时的图片\') no-repeat;}</STYLE> 添加步骤：第一步、登录新浪博客，输入“登录名”“密码”和“验证码”后点击“登录”。第二步、点击进入主页上方的“控制面板”。第三步、进入“个人首页维护”。第四步、进入“自定义空白模板”。第五步、点击“新增”新增一个空白面板。第六步、在“面板标题”写好面板的名称，勾选面板下方的“显示源代码”勾选框，此处注意一定要勾选，否则将不能成功。将以下代码贴入文本框中，点击“保存”。第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。第八步、点击“添加模块”。第九步、勾选刚刚建立好的面板，点击下方的“选取”。第十步、刚刚建好的显示面板出现，点击“保存设置”。