如何设置博客中的墙纸如何把别的图
模板更换代码
代码如下
body
{background:url(页面背景图片) repeat
scroll!important;}
。logo
{background:url(题图logo图片) no
repeat no scroll!mportant;}
。 banner
{background:url(题图横幅图片) no
repeat no scroll!mportant;}
。menu{
background:url("题图下的菜单图片") no-
repeat center;}
。 feeds 。up{
background:url("正文标题栏上翻时的图片") no-
r...全部
模板更换代码
代码如下
body
{background:url(页面背景图片) repeat
scroll!important;}
。logo
{background:url(题图logo图片) 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;}
。 wn{ background:url("正文标题栏下翻时的图片") no-
repeat center;}
。
feeds 。function{background:url("正文摘要结尾处菜单的图片") no-
repeat right;}
。links 。up{
background:url("面板标题栏上翻时图片");}
。
wn{ background:url(面板标题栏下翻时的图片);}
。links 。mid{
background:url(面板的背景图片);}
。photo 。mid{
background:url(形象照片处的背景图片);}
。
label 。mid{
background:url(自定义面板的背景图片);}
。calendar 。mid{
background:url("日历面板背景");}
。callboard 。
up{
background:url("公告栏标题栏上翻时图片");}
。 wn{ background:url("公告栏标题栏下翻时图片");}
。callboard 。mid{
background:url("公告栏背景图片");}
。
bodyBg{
background:url("正文背景图片");}
。bodyBottom{
background:url("正文背景图片");}
鉴于css语法的特殊性,代码添加进新的空白面板时要在面板正文部分打上字或者符号。
或者加到原来已有的面板中去
logo(最上面写SINA BLOG那一白色小条):770*40
banner(横幅大图):770*135
menu(个人首页/搜索/帮助/退出的菜单):770*30
可以先裁出770*205的一整张图片再逐步剪裁。
这样更美观协调。
长度大于770没有关系,系统会自动调整。
长度小于770会有连续排的效果。比如上传长度为250的图片,将横排三次这张图,还多出一条长20的像素图。
body部分最好不要用一整张壁纸。
因为一张壁纸长度只和屏幕一样,当下拉页面时,多数会出现连续横排效果,就像被分割成一块一块的一样。
即使壁纸花色完全一致,也会由于图片太大占很大的内存空间,BLOG打开速度会明显变慢。
所以最好的方法是去下载网站上的背景素材。
只有方块大小就可铺满整个页面了。
范例:
百度即时风向标代码:
代码说明:
width=237是宽度,height=302是高度,可自行修改;
具体操作步骤是:
点击控制面板——新增空白面板——钩选源代码(出现钩号,同时文档里出现DIV的字样)——粘贴上面代码——钩选源代码(钩号消失)——保存新增面板——定制个人首页——选取新增面板——保存设置就行了;
。收起