怎样自定义博客整体背景图

[复制链接]
查看11 | 回复0 | 2009-1-30 06:28:38 | 显示全部楼层 |阅读模式
我按提示做的可还是换不了控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存可是我的上面没有“已有模块”啊只有新建谢谢大家的帮助

                                                                                                ★用代码更换BLOG背景 : 更换整体页面大面背景图片的源代码:大背景不动fixed 大背景滚动scroll <STYLE> body {background:url(页面大面背景图片地址) repeat fixed!important;} </STYLE> 背景图片尺寸规格(1024*768)或(800*600)像素 ★如果是本地图片,将其上传到相册里.打开图片点右键.属性.即可获得图片地址. ☆别忘记替换代码中"图片地址 " 具体操作方法如下: 点击管理博客——新增空白面板——先在空白面板上敲一下空格键——勾选“显示源代码”(这时你会看到面板中已经有一行代码了:<DIV>nbsp;</DIV>)——将上面代码粘贴在<DIV>nbsp;</DIV>后面——保存——定制个人首页——添加模块--选取新增面板——保存设置. 如果要使首页透明,直接看到大背景.将下面代码一同使用. <STYLE> .logo {background:#transparent} .banner {background:#transparent} .menu {background:#transparent} .feeds .up {background:#transparent} .feeds .down {background:#transparent} .feeds .function {background:#transparent} .links .up {background:#transparent} .links .down {background:#transparent} .links .mid {background:#transparent} .photo .mid {background:#transparent} .label .mid {background:#transparent} .calendar .mid {background:#transparent} .callboard .up {background:#transparent} .callboard .down {background:#transparent} .callboard .mid {background:#transparent} .bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType =\'1\',enabled=\'true\',startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);} .bodyBottom {background:#transparent} .sysW770 {background:#transparent} .gbook .up {background:#transparent} .gbook .down {background:#transparent} .feeds .page {background:#transparent} .links .more {background:#transparent} .add {background:#transparent} .add .ico {background:#transparent} </STYLE>                                        
提问者对答案的评价:

                                                                                                打开一下地址,这里精彩多多!http://blog.sina.com.cn/edaifengliu#serial_471d02de0500093o欢迎加入e代部落:http://q.blog.sina.com.cn/eagetribe此处文章多为个人实践过的内容,适当使用将为你的博客页面增姿添彩!当前连载文章篇数:72 篇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. 博客美容-搜索引擎 27. 博客美容-邮件登录 28. 博客美容-IP显示 29. 博客美容-音乐播放 30. 博客美容-视频影片 31. 博客美容—浮动挂件 32. 博客美容-静止挂饰 33. 博客美容-日历查询 34. 博客美容-修改模板 35. 博客美容-修改标题 36. 博客美容-滚动新闻 37. 博客美容-文章背景 38. 博客美容-实用查询 39. 博客美容-MTV连播 40. 博客美容-背景更换 41. 博客美容-页面宽度 42. 博客美容 - 添加涂鸦 43. 博客美容 - 滚动条特效 44. 博客美容 - 图片特效(1) 45. 博客美容-图片特效(2) 46. 博客美容-文字外观 47. 博客美容-日期问候 48. 博客美容-状态栏特效 49. 博客美容-添加日历 50. 博客美容-插件随滚动条滚动 51. 博客美容-站内导航 52. 博客美容-浮动链接 53. 博客美容-表格镶嵌 54. 博客美容-星运宿命 55. 博客代码:透明背景 56. 博客代码:颜色代码大全 57. 博客代码:首页半透明蒙纱效果 58. 博客代码:博客首页背景更换 59. 博客代码:添加首页透明背景 60. 视频:图形设计Fireworks教程 61. 视频:Dreamweaver入门基础 62. 视频:Dreamweaver入门(续) 63. 视频: Flash从入门到精通 64. 视频:Photoshop 在线教程 65. 视频:Photoshop 教程(续) 66. 视频:Authorware7.0 教程 67. Authorware 7.x 特色鼠标指针 68. Authorware 素材攻略 69. Authorware 7 如何打包发布 70. 视频:Powerpoint 教程 71. 视频:电子表格 Excel 教程 72. 视频:文字处理 Word 教程 注意: 背景风格代码的使用问题--空白或消失,无显示原因:<style type=text/css>类型的代码在新浪博客里使用有要求, 此类代码前面不能为空,也不能单独在一个模块里使用,要在前面加其他类型代码, 如添加代码<div> 此处要添加其他类型代码</div>例子:<div> 此处要添加其他类型代码</div><style tpye=css>此处为此类代码具体内容</style>每次操作或修改都必须按照上面的顺序模式添加,否则空白或消失。固定背景代码:<div> 此处要添加其他类型代码</div><style>body {background:url("大背景图片地址") repeat fixed!important;}<style>文章背景代码:<div> 此处要添加其他类型代码</div><STYLE type=text/css>.bodyBg{background:url(文章区域的背景图片地址);}</STYLE>固定加全透明背景代码:<div> 此处要添加其他类型代码</div><style>body {background:url("大背景图片地址") repeat fixed!important;}<style><STYLE type=text/css>.bodyBg{background:url(文章区域的背景图片地址);}</STYLE<STYLE type=text/css>.logo{background:#transparent}.banner{background:#transparent}.menu{background:#transparent}.feeds .up{background:#transparent}.feeds .down{background:#transparent}.feeds .function{background:#transparent}.links .up{background:#transparent}.links .down{background:#transparent}.links .mid{background:#transparent}.photo .mid{background:#transparent}.label .mid{background:#transparent}.calendar .mid{background:#transparent}.callboard .up{background:#transparent}.callboard .down{background:#transparent}.callboard .mid{background:#transparent}.bodyBg{background:#transparent}.bodyBottom{background:#transparent}.sysW770{background:#transparent}.gbook .up{background:#transparent}.gbook .down{background:#transparent}.feeds .page{background:#transparent}.links .more{background:#transparent}.add{background:#transparent}.add .ico{background:#transparent}.bodyTop {display:none;}</STYLE>向管理员咨询留言板:http://blog.sina.com.cn/advice/advice_list.php信箱:[email protected]                                       

                                                                                                来我的博客,有篇文章专门解答这个问题,很完整http://blog.sina.com.cn/yiyiyue                                       

                                                                                                点击管理博客新增空白面板,保存,返回定制个人首页添加模块选取新增面板保存设置严格按照这个过程就可以啦!我原来就是没按过程才像你这样的.参考文献:http://blog.sina.com.cn/ouheziluolan
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行