Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑问] supesite6信息发布时纯css图片切换代码也被过滤,我疯了!!

[复制链接]
e2008ly 发表于 2009-7-14 21:48:41 | 显示全部楼层 |阅读模式
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<style>
  dl {   position:absolute;width:240px;height:170px;border:10px solid #eee;  }
  dd {   margin:0;width:240px;height:170px;overflow:hidden;  }
  img {     border:1px solid black   }
   dt {   position:absolute;right:3px;top:50px;   }
  a {     display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4;   }
   a:hover {background:#000}
</style>

    <dl><dt><a href="#a" title="">1</a>
            <a href="#b" title="">2</a>
            <a href="#c" title="">3</a>
        </dt>
    <dd><img src="http://www.codefans.net/jscss/demoimg/200902/1.gif" alt="" id="a" />
        <img src="http://www.codefans.net/jscss/demoimg/200902/2.gif" alt="" id="b" />
        <img src="http://www.codefans.net/jscss/demoimg/200902/3.jpg" alt="" id="c" />
    </dd>
  </dl>
 楼主| e2008ly 发表于 2009-7-14 21:52:09 | 显示全部楼层
过滤得只剩下这些了,晕
<DL>
<DT><A title="" href="#a">1</A> <A title="" href="#b">2</A> <A title="" href="#c">3</A> </DT>
<DD><IMG id=a alt="" src="http://www.codefans.net/jscss/demoimg/200902/1.gif"> <IMG id=b alt="" src="http://www.codefans.net/jscss/demoimg/200902/2.gif"> <IMG id=c alt="" src="http://www.codefans.net/jscss/demoimg/200902/3.jpg"> </DD></DL>
回复

使用道具 举报

 楼主| e2008ly 发表于 2009-7-14 22:56:14 | 显示全部楼层
本帖最后由 e2008ly 于 2009-7-14 23:04 编辑

我想了个办法,在发布信息的模板中,添加了个自定义的字段,类型为文本,且允许html代码。

这样,我在发布信息的时候,在这个字段中写入了html代码。

代码如下:
====================================================
<link href="mycss/test.css" rel="stylesheet" type="text/css" />
    <dl><dt><a href="#a" title="">1</a>
            <a href="#b" title="">2</a>
            <a href="#c" title="">3</a>
        </dt>
    <dd><img src="http://www.codefans.net/jscss/demoimg/200902/1.gif" alt="" id="a" />
        <img src="http://www.codefans.net/jscss/demoimg/200902/2.gif" alt="" id="b" />
        <img src="http://www.codefans.net/jscss/demoimg/200902/3.jpg" alt="" id="c" />
    </dd>
  </dl>
================================================
并写了相应的css代码,放入站点根目录中的mycss文件夹中。
================================================
css代码为:
dl {   position:absolute;width:240px;height:170px;border:10px solid #eee;  }
  dd {   margin:0;width:240px;height:170px;overflow:hidden;  }
  img {     border:1px solid black   }
   dt {   position:absolute;right:3px;top:50px;   }
  a {     display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4;   }
   a:hover {background:#000}
================================================

发布信息且更新缓存后,生成的页面错乱无章,
请看网页:http://www.zhsjy.com//?action-model-name-yellow-itemid-7#c
================================================
我想是我的css代码中的有些标签和官方supesite6中的网页标签重复了,并覆盖了官方css标签

================================================
我想问,这怎么解决呢,才能防止它们重复、覆盖官方的css标签?
回复

使用道具 举报

 楼主| e2008ly 发表于 2009-7-15 12:07:12 | 显示全部楼层
我发现代码有问题 下面重新写了css文件和html字段中的内容:
css文件
===========================================================
.e2008dl {
        position:absolute;width:240px;height:170px;border:10px solid #eee;
}
.e2008dd {
        margin:0;width:240px;height:170px;overflow:hidden;
}
.e2008img {
        border:1px solid black
}
.e2008dt {
        position:absolute;right:3px;top:50px;
}
.e2008a {
        display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4;
}
.e2008a:hover {
        background:#000
}

===========================================================
html字段中的内容:
===========================================================
<link href="test.css" rel="stylesheet" type="text/css" />
    <dl class=e2008dl><dt class=e2008dt><a class=e2008a href="#a" >1</a>
            <a class=e2008a href="#b" title="">2</a>
            <a class=e2008a href="#c" title="">3</a>
        </dt>
    <dd class=e2008dd><img class=e2008img src="http://www.codefans.net/jscss/demoimg/200902/1.gif" id="a" />
        <img class=e2008img src="http://www.codefans.net/jscss/demoimg/200902/2.gif"  id="b" />
        <img class=e2008img src="http://www.codefans.net/jscss/demoimg/200902/3.jpg"  id="c" />
    </dd>
  </dl>
===========================================================
回复

使用道具 举报

 楼主| e2008ly 发表于 2009-7-15 12:12:15 | 显示全部楼层
发布信息后,还是没有出现图片幻灯片切换的效果!不知为什么?
现在我的网站空间暂时打开不了,服务商在更新软件。
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-10 17:16 , Processed in 0.022955 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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