查看: 1699|回复: 5

更改文章背景随你便

[复制链接]
发表于 2007-12-23 19:32:42 | 显示全部楼层 |阅读模式
说明,此代码很常用,在一个门户找到的,改了下,可以用在文章系统页面,甚至可以推广随意更改皮肤哈哈哈演示请进www.zixi.org 更多教程请进blog.usle.cn
JS部分
<script type="text/javascript">
function setColor(value){
document.getElementById('setcolor').style.backgroundColor=value;
}
</script>
Html部分
<li>页面背景:
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_1" alt=""  />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_2" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_3" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_4" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_5" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_6" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_7" alt=""   />
   <img src="{PHPCMS_PATH}images/dotempty.gif" class="bgClr_8" alt=""   />
</li>
在需要改变颜色的部分加上
如<div id="setcolor>这里可以是文章正文部分</div>
Css部分
.bgClr_1{background:#EDF0F5;}
.bgClr_2{background:#FAFBE6;}
.bgClr_3{background:#FFF2E2;}
.bgClr_4{background:#FDE6E0;}
.bgClr_5{background:#F3FFE1;}
.bgClr_6{background:#DAFAF3;}
.bgClr_7{background:#EAEAEF;}
.bgClr_8{background:#FFFFFF;}
图片素材
点右键保存

[ 本帖最后由 hijack 于 2007-12-23 07:34 PM 编辑 ]
发表于 2007-12-23 22:11:50 | 显示全部楼层
   不错!
发表于 2007-12-24 10:11:09 | 显示全部楼层
确实不错。。
发表于 2007-12-27 21:45:46 | 显示全部楼层
真的不错。。
发表于 2007-12-31 08:46:19 | 显示全部楼层
又学习了一招
发表于 2008-1-8 23:15:10 | 显示全部楼层
:victory: :victory: :victory: :victory:
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-11-18 21:49 , Processed in 0.219242 second(s), 9 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表