如何在博客上加背景图片

显示全部楼层 · 2009-1-30 06:28:38

如果想加入flash背景，只需把下列代码复制到日志中就可以了<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="500" align="middle"><param name="movie" value=*.swf><param name="quality" value="high"><param name="wmode" value="transparent">
<embed src="<%= xswf %>" width="760" height="500" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"; type="application/x-shockwave-flash"></embed></object>代码如下：<div style="Z-INDEX: 1; LEFT: 10px; WIDTH: 800px; POSITION: absolute; TOP: 1px; HEIGHT: 750px"><object codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6.0.29.0" height="750" width="800" align="middle" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="20108" name="_cx" /><param value="13229" name="_cy" /><param value="" name="FlashVars" /><param value="http://myroom.blogdriver.com/myroom/inc/flash_fish.swf" name="Movie" /><param value="http://myroom.blogdriver.com/myroom/inc/flash_fish.swf" name="Src" /><param value="Transparent" name="WMode" /><param value="-1" name="Play" /><param value="-1" name="Loop" /><param value="High" name="Quality" /><param value="" name="SAlign" /><param value="-1" name="Menu" /><param value="" name="Base" /><param value="always" name="AllowScriptAccess" /><param value="ShowAll" name="Scale" /><param value="0" name="DeviceFont" /><param value="0" name="EmbedMovie" /><param value="" name="BGColor" /><param value="" name="SWRemote" /><param value="" name="MovieData" /><param value="1" name="SeamlessTabbing" /></object></div>
提问者对答案的评价：

<DIV> </DIV><style>body {background:url("文字上覆盖背景图片地址") repeat fixed!important;}<style>

怎样改换博客大背景图片：滚动的大背景代码：<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>代码说明：repeat 重复，当图片的大小不够的时候会以平铺显示scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动固定的大背景代码：<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>代码说明：fixed 固定，大背景不会因为你拉动滚动条而滚动使用说明：1，先找到你喜欢的图片（1024*768规格），然后把图片地址覆盖在代码中的（"页面大背景图片地址"）上面； 2，点击控制面板——个人首页维护——自定义空白面板——已有模块（比如时钟模块或天气预报模块什么的）——钩选“显示源代码”——把以上代码之一复制粘贴在所有原代码后面——去掉钩——保存；3，如果是新增面板，可以点击控制面板——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”（这时你会看到面板中已经有一行代码了：<DIV> </DIV>）——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；4，这就是改变BLOG背景图片的过程，具体用哪一种代码，看个人喜欢了；欢迎光临我的博客：http://blog.sina.com.cn/m/azeng

代码：<STYLE type=text/css>body{background:url(页面背景图片) repeat scroll!important;}</STYLE>步骤：控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存换自己照片步骤：控制面板——个人信息设置——更改基本资料——更改图片里选择图片就可以了图像为180象素*120象素，大小不要超过30K，并且为.gif或.jpg格式。

背景不动的（固定）代码：固定背景模板的源代码:（固定图片为背景，文字和图片等板块随鼠标在图片上上下移动）-<STYLE type=text/css>.bodyTop {background:#transparent} .logo {background:#transparent}.banner {background:#transparent} .menu {background:#transparent}.feeds .up {background:#transparent} .feeds .down{background:#transparent} .feeds .functio n{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} body{background:url("http://album.sina.com.cn/pic/482d8a68020006x0") repeat fixed!important;}.photo .infoText a{color:#000000;} </STYLE>-代码说明：图片大小以800：600为宜；把图片地址粘贴替换background:url里的地址("http://album.sina.com.cn/pic/482d8a68020006x0") 即可；如果换了固定模板后字体显示不清楚，这是因为与原先用的新浪模板字体颜色不匹配的缘故，可以在做好固定背景模板后重新选择新浪背景模板进行调试，直到和固定背景相协调为止。具体操作方法如下：1，控制面板——个人首页维护——自定义空白面板——已有模块（如：在已有的时钟模块或天气预报模块中粘贴代码）——勾选“显示源代码”——在原有代码后面复制粘贴以上代码——再次勾选“显示源代码”——保存；2，如果是新增面板：控制面板——新增空白面板——勾选显示源代码（文档里出现DIV的字样）——添加几个任意字符——粘贴以上代码——再次勾选显示源代码——保存新增面板——定制个人首页——勾选新增面板——选取——保存设置；