当前位置:博无忧门户 >> 博客代码教程 >> 新浪博客代码教程 >> 浏览文章  
新浪博客背景图片代码
来源:互联网 作者:佚名 时间:2007年09月10日}
首先要在新浪博客  控制面板-个人首页维护-自定义空白面板 里面建一个新的文件,建好容易记住要到控制面板,“定制我的首页”选择并保存哦。这里有个小窍门,新建文件的名字最好和你博客一样的名字。
 
不需要设置的代码可以删除。楼主的新浪博客背景设置就是按照这个代码进行的,很好用。
<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(" 正文背景图片地址 ");}
.bodyBottom
{background:url(" 正文背景图片地址 ");}
.gbook .up
{background:url(" 留言板标题栏上翻时的图片地址 ") no-repeat;}
.gbook .down
{background:url(" 留言板标题栏下翻时的图片地址 ") no-repeat;}
.feeds .page
{background:url(" 正文文章页数图片地址 ") no-repeat center;}
</STYLE>
代码补充说明:
“ 页面大背景 (body)” 指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
“ 题图上背景 (logo)” 是指所在的横长条的背景。
“ 题图下背景 (banner)” 是指博客名字和博客地址所在的那部分的背景。
其中 logo 和 banner 宽各为 770 , logo 高 40 , banner 高 134 ,单位均为像素。
“ 题图下的菜单背景 ” 是指 “HOME... 搜索 ┆ 帮助 ┆ 退出 ” 等字所在的那个横长条的背景。
“ 正文标题栏上翻时的图片 ” 指的是文章发表了之后文章标题的图片。
“ 面板标题栏下翻时的图片 ” 指的是点击标题后出现标题后的后面的图片。
“ 面板的背景图片 ” 指的是左边比如我的文章列表什么的背景图片。
“ 页面内背景 ” 是指整个文章文字所在的大背景!
其他的有些就不需要再说明了,大家自己看了就会明白。修改模板的时候可以灵活运用上面的代码,有些可以不要改,不想改哪项就把哪项的代码删掉就可以了。
 
相关教程:新浪博客教程 背景代码 背景


收藏本站   收藏到新浪ViVi   添加到百度搜藏 添加到和讯网摘   收藏到QQ书签
博无忧门户,优秀的博客服务平台  
Copywright©Bo56.com 2008-2009
冀ICP备07002737号