博客学堂
首页>>博客代码>>新浪博客代码>> 改变新浪博客首页背景图片的透明度代码

改变新浪博客首页背景图片的透明度代码

来源:博客学堂  | 添加时间:2007-7-8 08:57:53 | 我要投稿 | 提问

前几天刚换了模版背景图片很漂亮,就是中间的部分总是被覆盖住,没有什么效果。今天终于可以看到我的漂亮背景图了,我用了半透明的效果,呵呵!还不错,呵呵!你也来试试吧!

一.改变背景透明度的代码

(一).背景全透明代码:
<STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg
{background:#transparent}
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE>

(二).背景的半透明蒙纱效果代码
<STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);} 
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE>

(三)蒙纱效果(透明度)的修改:

startColorstr=#AAFFFFFF

endColorstr=#AAFFFFFF;

AA是透明度,修改成FF是不透明,修改成AA是中间值,修改成00(数字0)是全透明;也可以使用数字11,22,33, 44, 55等等,数字越大,透明度越底。可以根据自己的需要选择.

FFFFFF 是颜色,就是说在上面蒙什么颜色的东西,可以参考颜色代码来修改颜色。

(注意:背景全透明代码与背景的半透明蒙纱效果代码,不宜同时使用。)

添加方法:

登陆你的新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-这时要编辑你以前建立的面板-勾选显示源代码-粘贴你想要效果的代码-如果你怕以后修改找不到地方,可以在面板标题上标注一下,只要自己不想要这种效果的时候可以把它删掉-然后保存-返回首页看效果就行了。呵呵!

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有