怎样自己制作博客背景图片

2010-06-03 21:43:40| 分类：网易愽客 |字号订阅

引：怎样自己制作博客背景图片

代码：

body

{background:url(页面背景图片) repeat

scroll!important;}

</STYLE>

步骤：

控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存

换自己照片步骤：

控制面板——个人信息设置——更改基本资料——更改图片里选择图片就可以了

图像为180象素*120象素，大小不要超过30K，并且为.gif或.jpg格式。

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)”指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分(1024*768规格)。

“题图上背景(logo)”是指所在的横长条的背景。

“题图下背景(banner)”是指博客名字（如捉梦的BLOG）和博客地址（如http://blog.sina.com.cn/m/zhubo﹥复制　﹥收藏本页）所在的那部分的背景。

其中logo和banner宽各为770，logo高40，banner高134，单位均为像素。

“题图下的菜单背景”是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。

“正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。

“面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。

“面板的背景图片”指的是左边比如我的文章列表什么的背景图片。

“页面内背景”是指整个文章文字所在的大背景！

修改模板的时候可以灵活运用上面的代码，有些可以不要改，不想改哪项就把哪项的代码删掉就可以了。

假如不知道这些背景图片的大小，就具体在哪张图片上就点击鼠标右键，点背景另存为，把图片存到电脑上，然后看大小就可以了。

注意：以上所用到的图片地址都是图片的URL地址，也就是网络地址，而不是本地地址，本地地址不能用。

说明：

1.将url后面括号中的地址换成自己想要的图片地址。为了和新浪链接同步，图片最好上传到BLOG里。想换哪里的图片就用相应的代码。

2.鉴于css语法的特殊性，代码添加进新的空白面板时要在面板正文部分打上字或者符号。或者加到原来已有的面板中去。

3.关于主要模板尺寸：我自己量的是：

logo（最上面写SINABLOG那一白色小条）：770*40

banner（横幅大图）：770*135

menu（个人首页/搜索/帮助/退出的菜单）：770*30

可以先裁出770*205的一整张图片再逐步剪裁。这样更美观协调。

长度大于770没有关系，系统会自动调整。

长度小于770会有连续排的效果。比如上传长度为250的图片，将横排三次这张图，还多出一条长20的像素图。

4.body部分最好不要用一整张壁纸。因为一张壁纸长度只和屏幕一样，当下拉页面时，多数会出现连续横排效果，就像被分割成一块一块的一样。

即使壁纸花色完全一致，也会由于图片太大占很大的内存空间，BLOG打开速度会明显变慢。

所以最好的方法是去下载网站上的背景素材。只有方块大小就可铺满整个页面了

怎样改换博客大背景图片：

滚动的大背景代码：

代码说明：

repeat 重复，当图片的大小不够的时候会以平铺显示

scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动

固定的大背景代码：

代码说明：

fixed 固定，大背景不会因为你拉动滚动条而滚动

使用说明：

1，先找到你喜欢的图片（1024*768规格），然后把图片地址覆盖在代码中的（"页面大背景图片地址"）上面；

2，再找一个已经有内容的面板（比如动画面板，背景音乐面板），打开，勾选显示源代码框，在原有代码之后粘贴复制以上你选中的任何一组代码；如果单独设置空白面板，必须在代码前面加一个任意字符，否则无效果；

3，这就是改变BLOG背景图片的过程，具体用哪一种代码，看个人喜欢了。

http://www.baidu.com/s?wd=%D4%F5%D1%F9%D7%D4%BC%BA%D6%C6%D7%F7%B2%A9%BF%CD%B1%B3%BE%B0%CD%BC%C6%AC

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。