关于图片博客的背景图片怎么贴上去,还有文章的配图
博客改变背景代码:
滚动的大背景代码:
body {background:url("页面大背景图片地址") repeat scroll!important;}
repeat 重复,当图片的大小不够的时候会以平铺显示
scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
body {background:url("页面大背景图片地址") repeat fixed!important;}
fixed 固定,大背景不会因为你拉动滚动条而滚动
背景透明代码:
body
{background:#transparent) repeat scroll!important;}
使...全部
博客改变背景代码:
滚动的大背景代码:
body {background:url("页面大背景图片地址") repeat scroll!important;}
repeat 重复,当图片的大小不够的时候会以平铺显示
scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
body {background:url("页面大背景图片地址") repeat fixed!important;}
fixed 固定,大背景不会因为你拉动滚动条而滚动
背景透明代码:
body
{background:#transparent) repeat scroll!important;}
使用说明:
找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!
----------
4)自定义博客各部分背景代码:
。
logo
{background:url("题图上背景图片地址") 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;}
。
wn{background:url("正文标题栏下翻时的图片地址") no-repeat center;}
。feeds 。function
{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}
。
links 。up
{background:url("面板标题栏上翻时的图片地址");}
。 wn{background:url("面板标题栏下翻时的图片地址");}
。links 。
mid
{background:url("面板的背景图片地址");}
。photo 。mid
{background:url(个人形象照片处的背景图片地址);}
。label 。mid
{background:url("自定义面板的背景图片地址");}
。
calendar 。mid
{background:url("日历面板背景图片地址");}
。callboard 。up
{background:url("公告栏标题栏上翻时的图片地址");}
。
wn{background:url("公告栏标题栏下翻时的图片地址");}
。callboard 。mid
{background:url("公告栏背景图片地址");}
。bodyBg
{background:url("正文背景图片地址");}
。
bodyBottom
{background:url("内背景页脚处图片地址,在翻页处下面一横窄条");}
。gbook 。up
{background:url("留言板标题栏上翻时的图片地址") no-repeat;}
。
wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;}
。 ge{background:url("正文文章页数图片地址") no-repeat center;}
。
re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}
代码说明:
页面大背景(body) 指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
题图上背景(logo) 是指所在的横长条的背景。
题图下背景(banner) 是指博客名字博客地址 复制 ?收藏本页)所在的那部分的背景。
logo和banner宽各为770,logo高40,banner高134,单位均为像素。
题图下的菜单背景” 是指“HOME。。。搜索┆帮助┆退出”等字所在的那个横长条的背景。
正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。
面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。
面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
正文背景 是指整个文章文字所在的大背景!
以上代码可以更改博客各个部分的图片,更换的图片尺寸要和原尺寸一模一样,关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法
----------
如果想叫某一部分背景或者全部变的透明的话,在以上代码中大括号里面内容换上background:#transparent就能实现透明效果,
例如横幅代码:
。
logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}
以上代码中红色部分全部改成:background:#transparent
示范:
。
logo{background:#transparent}
以上所有代码必须添加在已经有内容的模块中,例如模块里面已经有了时钟,天气预报等等内容!
具体操作步骤是:复制代码→控制面板→新增空白面板→钩选源代码(出现钩号,同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页
→选取新增个人面板→保存
=============
如何给文章加背景图
首先,登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
打开或发表一篇文章
写好文章的内容,勾选“显示源代码”勾选框,在最后加入如下两种代码之一。点击“发表文章”即可。
代码一:
body
{background:url(图片网址);}
代码二:
代码说明:
代码一加入任意面板可以改变博客首页的背景图,此段代码加入某篇文章则默认成为某一篇文章的独立背景图。
代码二只适合插入到文章源代码的最前面,而且切记加完后不要写。
。收起