加载中…
博客背景填加方法
(2006-10-27 15:48:27)博客背景添加方法 （摘自《笑天网络杂志》的博客）
２、控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
DIY博客背景代码（摘自lina397963689的blog）
<DIV>
<STYLE type=text/css>
body
{background:url(页面大背景图片地址) repeat scroll!important;}
.banner
{background:url(题图下背景图片地址) no repeat no scroll!mportant;}
.logo
{background:url(题图上背景图片地址) no repeat no scroll!mportant;}
.bodyBg
{background:url(页面内背景图片地址) no repeat no scroll!mportant;}
</STYLE></DIV>
<STYLE type=text/css>
body
{background:url(页面大背景图片地址) repeat scroll!important;}
.banner
{background:url(题图下背景图片地址) no repeat no scroll!mportant;}
.logo
{background:url(题图上背景图片地址) no repeat no scroll!mportant;}
.bodyBg
{background:url(页面内背景图片地址) no repeat no scroll!mportant;}
</STYLE></DIV>
这是更改博客最基本四部分的背景的代码，还有更改其他部分的代码，基本上可以把新浪博客的模板颜色改个底朝天！我觉得改太多了反而不好，可能会适得其反，反而使博客不好看，所以也就没贴出来！
解释一下，“页面大背景”就是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分！“题图下背景(banner)”是指博客名字和博客地址所在的那部分的背景，“题图上背景(logo)”是指所在在窄条的背景！而“页面内背景”是指除了以上这三部分外页面内的的背景！其中banner和logo宽都为770，banner高134，logo高40。
banner和logo的宽和高上面已经说明，数据有微小差别没有太大关系，不影响大致效果；裁剪其实很简单的，window自带的画图程序就能实现！
需要说明的是:这段代码不能添加在什么都没有的空白面板里，要不然会没有效果；在添加空白面板的时候，在显示源代码前打勾，然后先随便输入几个字符，什么都可以，再把代码放进去才行！或者把代码放在已建的面板里的其他东西的代码后面，比如放在你的时钟代码后面或者天气预报代码后面什么的都可以！不过我建议最好放在既有的面板里，如果单纯的输入几个字符的话，最后页面面板里显示的效果会出现那几个字符，影响美观！
虽然新浪的各模板中都提供了不少背景，或许你都不满意，想换成自己喜欢的图片么？下面的方法可以满足你的要求。
第一步
控制面板——个人首页维护——自定义空白面板——>>
点击进入编辑界面——新增——勾选“显示源代码”——在面板内容里添加代码——保存
第二步
控制面板——定制我的首页——添加模块——勾选做好的空白面板——选取——保存设置
博客背景代码（摘自《梦里花落知多少》的博客）
使用代码的方法我再说明一下：
几个重要的博客背景代码如下：
大背景
<DIV> </DIV>
<STYLE type=text/css>
body
{background:url(要添加的图片地址) repeat scroll!important;}
</STYLE>
<DIV></DIV>
<STYLE type=text/css>
body
{background:url(要添加的图片地址) repeat scroll!important;}
</STYLE>
<DIV></DIV>
BLOG名称处背景代码
<DIV> </DIV>
<STYLE type=text/css>
.banner{background:url(图片地址) #fff no-repeat center;}
</STYLE>
<DIV></DIV>
<STYLE type=text/css>
.banner{background:url(图片地址) #fff no-repeat center;}
</STYLE>
<DIV></DIV>
文章背景代码
<DIV> </DIV>
<STYLE type=text/css>
.bodyBg{background:url(图片地址)}
</STYLE>
<DIV></DIV>
<STYLE type=text/css>
.bodyBg{background:url(图片地址)}
</STYLE>
<DIV></DIV>
代码内容介绍
repeat表示图片平铺，不想平铺则改为no-repeat.
scroll表示图片随对象滚动.图片固定不滚动改为fixed.
repeat表示图片平铺，不想平铺则改为no-repeat.
scroll表示图片随对象滚动.图片固定不滚动改为fixed.
#ffffff表示背景颜色为(白色)修改为你想要的背景颜色代码即可.
!important表示这里的设置优先.不要将它去掉，否则有可能会引起冲突.造成显示不正常
!important表示这里的设置优先.不要将它去掉，否则有可能会引起冲突.造成显示不正常
注意：不要把图片地址外面的（）删掉啊！！
提示：
1.代码一般不需要改变，你复制后，粘贴到你的面板上即可
2.url地址明白？就是说你想改变的背景来源只能是网上，不过想使用你电脑上的图片也是有办法的。
最好的方法是利用新浪的博客储存图片（这样你的图片就有地址了），方法很简单，先选发表文章，把你的图片通过“图片剪切板”上传到博客，再点击“存为草稿”，这样文章不会发表出去，你再进入“草稿箱”，找出你的那篇文章进入编辑模式，点击左下角的“显示源代码”，你上传的图片url地址就显示出来了。
3.添加好代码后，你可以点击勾去“显示源代码”，来察看你设置的图片效果。
梦乡彩虹
2006.10.27
喜欢
0
赠金笔
前一篇：男人女人（1）