
北北
[新手]
如何更改blog发表的文章的标题栏的背景图
0分
回答:1 浏览:307 提问时间:2006-12-03 20:40
更改标题栏的死板面孔,换上自己喜欢的标题栏背景
更换整体页面背景的源代码:
<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信息设置”中的“定制我的首页”。
第八步、点击“添加模块”。
第九步、勾选刚刚建立好的面板,点击下方的“选取”。
第十步、刚刚建好的显示面板出现,点击“保存设置”。
欢迎光临我的博客:http://blog.sina.com.cn/m/azeng
回答:2006-12-03 21:10
提问者对答案的评价:






最佳答案

