我的博客效果代码资料.

 

1.图片的

<style type=text/css>

body{background:url("http://s13.sinaimg.cn/orignal/4a201f5040568b5b47b2c") repeat scroll!important;}

.banner
{background:url("http://s5.sinaimg.cn/orignal/4a201f50b2a23c68a4e54") no repeat no scroll!mportant;}

<style type=text/css>
body{background:url("页面大背景图片地址") repeat scroll!important;}
.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;}

.feeds .down
{background:url("正文标题栏下翻时的图片地址") no-repeat center;}

.feeds .function
{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}

.links .up
{background:url("面板标题栏上翻时的图片地址");}

.links .down
{background:url("面板标题栏下翻时的图片地址");}

.links .mid
{background:url("面板的背景图片地址");}

.photo .mid
{background:url(个人形象照片处的背景图片地址);}

.label .mid
{background:url("自定义面板的背景图片地址");}

.calendar .mid
{background:url("日历面板背景图片地址");}

.callboard .up
{background:url("公告栏标题栏上翻时的图片地址");}

.callboard .down
{background:url("公告栏标题栏下翻时的图片地址");}

.callboard .mid
{background:url("公告栏背景图片地址");}

.bodyBg
{background:url("页面内背景图片地址");}

.sysBr500
{background:url("所有文章的背景图片地址，建议不使用这段代码");}

.bodyBottom
{background:url("内背景页脚处图片地址");}

.sysW770
{background:url("页面底部“新浪BLOG意见反馈留言板”等字所在的背景图片地址");}
.gbook .up

{background:url("留言板标题栏上翻时的图片地址") no-repeat;}

.gbook .down
{background:url("留言板标题栏下翻时的图片地址") no-repeat;}

.feeds .page
{background:url("正文文章页数图片地址") no-repeat center;}

.links .more
{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}

.add
{background:url("发表文章四个字所在的背景图片") no-repeat right;}

.add .ico
{background:url("发表文章四个字左边的小图片") no-repeat right;}
</style>

 

代码说明：
1，“页面大背景(body)”：指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分；
2，“题图上背景(logo)”：是指<sina  新浪BLOG  [beta3.0]>所在的横长条的背景；
3，“题图下背景(banner)”：是指博客昵名（***）和博客地址（http://*****﹥复制　﹥收藏本页）所在的那部分背景；其中logo和banner宽各为770，logo高40，banner高135，单位均为像素；
4，“题图下的菜单背景”：是指“HOME ...搜索┆帮助┆退出”等字所在的那个横长条的背景；
5，“正文标题栏上翻时的图片”：指的是文章发表了之后文章标题的图片；
6，“面板标题栏下翻时的图片”：指的是点击标题后出现标题后面的图片；
7，“面板的背景图片”：指的是左边比如“我的最新文章列表”什么的背景图片；
8，“页面内背景(bodybg)”：是指就是除了页面大背景(body)外的另一大背景，由于一些部分被logo和banner还有模块的背景覆盖，所以所看到的只是扣除以上三部分的大背景；
9，“内背景页脚处图片地址(bodyBottom)”：是指在文章翻页处下面，sysW770上面的一横窄条；
10，其它的有些就不需要再说明了，大家自己看了就会明白；修改模板的时候可以灵活运用上面的代码，有些可以不要改，不想改哪项就把哪项的代码删掉就可以了，换句话说,想改哪项取哪项相应的代码即可；
11，注意前后的<style type=text/css>和</style>别漏了，否则代码无效；例如:我只想更改banner 那么要使用的源代码为:

.banner
{background:url("题图下背景图片地址") no repeat no scroll!mportant;}</style>
12，假如不知道这些背景图片的大小，就具体在哪张图片上点击鼠标右键，点“背景另存为”，把图片存到电脑上，然后看大小就可以了；
 

源代码为:

<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　前面的AA是透明度，修改成FF是不透明，00是全透明，可以根据自己的需要决定透明度．
后面的 FFFFFF 是颜色，就是说在上面蒙什么颜色的东西，可以根据　颜色代码表上　中颜色的代码来修改颜色！
 
正常使用这个效果startColorstr=#AAFFFFFF和　endColorstr=#AAFFFFFF　后面的=#AAFFFFFF数值要一样！

如果想要做颜色渐变效果：
你要修改代码中几个数值，
startColorstr=#AAFFFFFF　修改你要的颜色和效果
endColorstr=#AAFFFFFF　再修改成另外一个颜色和效果
GradientType ='1'这个数值也要修改，修改成0是从上到下渐变　1是从左到右渐变　2是从上到下渐变