首页 > CMS > 动易CMS > 正文

背景更换颜色插件(保护视力色)

2024-09-10 21:54:09
字体:
来源:转载
供稿:网友

简单的说就是可以更换表格的背景。文件下载:点击下载文件

步骤一:

下载附件的JS代码和图片,放入网站的images/目录如:站点根目录/images/

  说明:color系列.gif图片为显示的颜色代码小图标。pagecolor.js为更换背景的JS代码。bottom.js保存颜色代码的JS代码(假如你选择颜色A做为背景色,看下一篇新闻的时候,照样为颜色A,无需要再次选择)

步骤二:

编辑网站模板:文章模板页治理--内容页模板--频道内容页模板--文章内容页模板(一列式)

在适当的表格位置插入:

【 <SPAN class=red>保护视力色:</SPAN><A onmouseover="tb1.style.backgroundColor='FAFBE6';set_color('FAFBE6')" href="#"><IMG alt=杏仁黄 src="{$InstallDir}images/color1.gif" <A onmouseover="tb1.style.backgroundColor='FDE6E0';set_color('FDE6E0')" href="#"><IMG alt=胭脂红 src="{$InstallDir}images/color3.gif" <A onmouseover="tb1.style.backgroundColor='F3FFE1';set_color('F3FFE1')" href="#"><IMG alt=芥末绿 src="{$InstallDir}images/color4.gif" <A onmouseover="tb1.style.backgroundColor='DAFAFE';set_color('DAFAFE')" href="#"><IMG alt=天蓝 src="{$InstallDir}images/color5.gif" <A onmouseover="tb1.style.backgroundColor='E9EBFE';set_color('E9EBFE')" href="#"><IMG alt=雪青 src="{$InstallDir}images/color6.gif" <A onmouseover="tb1.style.backgroundColor='EAEAEF';set_color('EAEAEF')" href="#"><IMG alt=灰 src="{$InstallDir}images/color7.gif" <A onmouseover="tb1.style.backgroundColor='FFFFFF';set_color('FFFFFF')" href="#"><IMG alt=银河白(默认色) src="{$InstallDir}images/color8.gif" <a onMouseOver="tb1.style.backgroundColor='FFF2E2';set_color('FFF2E2')" href="#"><img alt=秋叶褐 src="{$InstallDir}images/color2.gif" 】

在头部插入:<SCRIPT language=JavaScript1.2 src="{$InstallDir}images/pagecolor.js"></SCRIPT>

在尾部插入:<SCRIPT language=JavaScript src="{$InstallDir}images/bottom.js"></SCRIPT>

步骤三:

将你所需要更换背景的表格的<TD>加个代码:id="tb1(如:<td valign="top" id="tb1">),重新生成界面。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选