怎样进入DIY页面？
DIY是Do It Youself 的缩写,是"自己动手",这项功能在新浪博客推出初期(第一年里)用户可以使用,允许用户设置富有个性的博客风格。但后来该功能已取消,所以现在不能使用,打不开。现在的首页背景代码就是当时有爱好者从DIY界面里复制出来的,要不然如果新浪不公布代码,很多人将无法设置个性风格。
注意: 背景风格代码的使用问题--空白或消失,无显示原因:
类型的代码在新浪博客里使用有要求, 此类代码前面不能为空,也不能单独在一个模块里使用,要在前面加其他类型代码, 如添加代码
例子:
此处为此类代码具体内容
每次操作或修改都必须按照上面的顺序模式添加,否则空白或消失。
更新的...全部
DIY是Do It Youself 的缩写,是"自己动手",这项功能在新浪博客推出初期(第一年里)用户可以使用,允许用户设置富有个性的博客风格。但后来该功能已取消,所以现在不能使用,打不开。现在的首页背景代码就是当时有爱好者从DIY界面里复制出来的,要不然如果新浪不公布代码,很多人将无法设置个性风格。
注意: 背景风格代码的使用问题--空白或消失,无显示原因:
类型的代码在新浪博客里使用有要求, 此类代码前面不能为空,也不能单独在一个模块里使用,要在前面加其他类型代码, 如添加代码
例子:
此处为此类代码具体内容
每次操作或修改都必须按照上面的顺序模式添加,否则空白或消失。
更新的完整模板代码(2007。5。18)
自定义新浪博客各处模板：
1）改变BLOG标题大小的代码：
。banner 。title td{font-size:36px;}
。banner 。
title td{FILTER: glow(color=#000000,direction=2);}
。banner 。title td{color:#ffff66;}
。banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
36px为标题文字的字体大小
#000000表示文字效果(显影)的颜色，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。
banner 。title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。
----------
2）页面宽度的代码：
。bodyTop{width:900px;}
。bodyBg{width:900px;}
。bodyBottom{width:900px;}
。
feeds 。text{width:660px;}
。label{width:20px;}
。photo{width:200px;}
。callboard{width:200px;}
。links{width:200px;}
。
calendar{width:200px;}
。sysBr180{width:200px;}
参数说明：
。bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。
。bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。
。bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。
。feeds 。text 指的是正文部分的宽度（也就是文章部分的宽度） 。
。label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。
。photo 指的是形象照片面板的宽度（其值同上） 。
。callboard 指的是公告栏的宽度（其值同上） 。
。links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。
。calendar 日历的宽度（其值同上）。
。sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。
width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。
面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。
不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。
----------
3）博客改变背景代码：
滚动的大背景代码：
body {background:url("页面大背景图片地址") repeat scroll!important;}
repeat 重复，当图片的大小不够的时候会以平铺显示
scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
body {background:url("页面大背景图片地址") repeat fixed!important;}
fixed 固定，大背景不会因为你拉动滚动条而滚动
背景透明代码：
body
{background:#transparent) repeat scroll!important;}
使用说明：
找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！
----------
4）自定义博客各部分背景代码：
。
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;}
。
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("内背景页脚处图片地址，在翻页处下面一横窄条");}
。gbook 。up
{background:url("留言板标题栏上翻时的图片地址") no-repeat;}
。
wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;}
。 ge{background:url("正文文章页数图片地址") no-repeat center;}
。
re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}
代码说明：
页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。
题图上背景(logo) 是指所在的横长条的背景。
题图下背景(banner) 是指博客名字博客地址 复制 ?收藏本页）所在的那部分的背景。
logo和banner宽各为770，logo高40，banner高134，单位均为像素。
题图下的菜单背景” 是指“HOME。。。搜索┆帮助┆退出”等字所在的那个横长条的背景。
正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。
面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。
面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
正文背景 是指整个文章文字所在的大背景！
以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法
----------
如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果，
例如横幅代码：
。
logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}
以上代码中红色部分全部改成：background:#transparent
示范：
。
logo{background:#transparent}
添加代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！
具体操作步骤是：
复制代码→管理博客→自定义设置→定制我的首页→新增空白面板→钩选源代码(出现钩号，同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→点击确定→保存设置。
打开一下地址，这里精彩多多！！
连载文章简介：
此处文章多为个人实践过的内容，适当使用将为你的博客页面增姿添彩！
当前连载文章篇数：70 篇
1。 博客美容：如何添加自定义模块
2。
博客教程：制作个性动画相册
3。 博客美容：超炫音乐播放器
4。 博客美容:七彩飘动文字
5。 博客美容：最新更新博客
6。 博客美容：美化最近访客模块
7。 博客美容-美化好友联系人
8。
博客教程：美化首页个性图片
9。 博客教程：添加英语词典
10。 博客代码:网络闹钟
11。 博客代码:历史今天
12。 博客代码:可爱时钟
13。 博客代码:网站跳转
14。 网络安全:在线免费杀毒
15。
博客美容：如何添加背景音乐
16。 博客美容-新浪入门（动画）
17。 博客推广-提升人气
18。 博客推广- 申请升级
19。 博客美容-滚动字幕和图片
20。 博客美容-添加个性鼠标
21。
博客美容-添加透明动画
22。 博客美容-天气预报
23。 博客美容-动画时钟
24。 博客美容-搜索引擎
25。 博客美容-邮件登录
26。 博客美容-IP显示
27。 博客美容-音乐播放
28。
博客美容-视频影片
29。 博客美容—浮动挂件
30。 博客美容-静止挂饰
31。 博客美容-日历查询
32。 博客美容-修改模板
33。 博客美容-修改标题
34。 博客美容-滚动新闻
35。
博客美容-文章背景
36。 博客美容-实用查询
37。 博客美容-MTV连播
38。 博客美容-背景更换
39。 博客美容-页面宽度
40。 博客美容 - 添加涂鸦
41。 博客美容 - 滚动条特效
42。
博客美容 - 图片特效(1)
43。 博客美容-图片特效(2)
44。 博客美容-文字外观
45。 博客美容-日期问候
46。 博客美容-状态栏特效
47。 博客美容-添加日历
48。
博客美容-插件随滚动条滚动
49。 博客美容-站内导航
50。 博客美容-浮动链接
51。 博客美容-表格镶嵌
52。 博客美容-星运宿命
53。 博客代码:透明背景
54。 博客代码:颜色代码大全
55。
博客代码:首页半透明蒙纱效果
56。 博客代码:博客首页背景更换
57。 博客代码:添加首页透明背景
58。 视频：图形设计Fireworks教程
59。 视频：Dreamweaver入门基础
60。
视频：Dreamweaver入门（续）
61。 视频: Flash从入门到精通
62。 视频：Photoshop 在线教程
63。 视频：Photoshop 教程（续）
64。 视频:Authorware7。
0 教程
65。 Authorware 7。x 特色鼠标指针
66。 Authorware 素材攻略
67。 Authorware 7 如何打包发布
68。 视频：Powerpoint 教程
69。
视频：电子表格 Excel 教程
70。 视频：文字处理 Word 教程
。收起
