怎样设置博客上的透明背景动态图片?
你好:
怎样更改新浪博客的背景图?
第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
第二步、点击进入主页上方的“控制面板”。
第三步、进入“个人首页维护”。
第四步、进入“自定义空白模板”
第五步、打开任意一个已建好面板,注意,一定要是已建好的!
第六步、勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。
第七步、将以下代码加到原本代码之后,然后点击“保存”。
代码说明:
将括号里面的这里填写背景图片地址替换为你所要显示的背景图片地址,#ffffff表示背景颜色为#ffffff(白色)修改为你想要的背景颜色代码,repeat表示图片平...全部
你好:
怎样更改新浪博客的背景图?
第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
第二步、点击进入主页上方的“控制面板”。
第三步、进入“个人首页维护”。
第四步、进入“自定义空白模板”
第五步、打开任意一个已建好面板,注意,一定要是已建好的!
第六步、勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。
第七步、将以下代码加到原本代码之后,然后点击“保存”。
代码说明:
将括号里面的这里填写背景图片地址替换为你所要显示的背景图片地址,#ffffff表示背景颜色为#ffffff(白色)修改为你想要的背景颜色代码,repeat表示图片平铺,不平铺改为no-repeat,
scroll表示图片随对象滚动,图片固定不滚动改为fixed,!important表示这里的设置优先,不要将它去掉,否则有可能会引起冲突,造成显示不正常!
除全局固定背景外,博客首页全透明
代码如下:
。
bodytop{background:#transparent}
。banner{ background:#transparent}
。menu{ background:#transparent}
。
bodybg{ background:#transparent}
。zone{ background:#transparent}
。bodyBottom{background:#transparent}
。
feeds 。up{background:#transparent}
。 wn{background:#transparent}。feeds 。function{background:#transparent}
。
ge{background:#transparent}。 sHand。up{background:#transparent}。 wn{background:#transparent}。 sHand。
up{background:#transparent}。 wn{background:#transparent}。gbook 。title{ }
。logo{ }
。 ge{background:#transparent}。
gbook 。login{background:#transparent}
。box_1{background:#transparent}
。box_2{background:#transparent}
。
calendar{background:#transparent}
。calendar 。mid{background:#transparent}
。 p{background:#transparent}。
calendar 。title{background:#transparent}
。 ldtd{background:#transparent}。 ttom{background:#transparent}。
callboard 。mid{background:#transparent}
。callboard 。mid img{background:#transparent}
。 ont{background:#transparent}。
ck{background:#transparent}。callboard table{background:#transparent}
。callboard 。up{background:#transparent}
。
wn{background:#transparent}。sysBr{background:#transparent}
。sysBr210{background:#transparent}
。
label{background:#transparent}
。label 。mid{background:#transparent}
。 p{background:#transparent}。
ttom{background:#transparent}。photo{background:#transparent}
。photo 。mid{background:#transparent}
。
age{background:#transparent}。 p{background:#transparent}。 ttom{background:#transparent}。links{background:#transparent}
。
links 。up{background:#transparent}
。 wn{background:#transparent}。links 。mid{background:#transparent}
body{b ("全局背景大图片URL地址") repeat fixed!important;}
。
add{background:#transparent}
。add 。ico{background:#transparent}
代码说明:
如果想把内容介面搞成半透明的蒙纱效果,把。
bodybg{ background:#transparent}替换为。bodyBg {background:#transparent; : adient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
添加方法:
下面介绍两种方法,请你根据情况选用一种比较适合的方法来添加代码。
第一种方法:
1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题,显示源代码粘贴代码(粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)--保存并返回;
2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存,移动新建面板位置--保存设置。
我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。
第二种方法:
直接把以上代码粘贴到以前你建立的并且现在正在使用模块中,显示源代码粘贴代码,点击保存即可!
。收起