加载中…
个人资料
微博
  • 博客等级：
  • 博客积分：
  • 博客访问：
  • 关注人气：
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

背景代码

(2006-10-08 19:55:42)
首先新建空白模版，因为新浪博客的特殊限制，这些代码要加在其他代码的后面。例如，先做个超连接，或者添加一个图片，然后加入你喜欢的代码。
 
背景图片的修改代码
<STYLE type=text/css>
body
{background:url("背景图片地址") no-repeat
fixed !important;}</STYLE>固定不随鼠标移动并且不重复
 
<STYLE type=text/css>
body
{background:url("背景图片地址") repeat
scroll !important;}</STYLE>背景图片重复填充。随鼠标移动。

各个位置图片的修改
<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>
.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>

喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有