在使用Dedecms CMS构建网站时,如果启用了搜狐畅言评论系统,默认情况下,畅言会在页面底部显示一个浮动评论框。然而,如果你的网站已经有自定义的底部浮框,那么这两个浮框可能会发生冲突,导致你的自定义浮框被遮挡。为了解决这个问题,我们可以采用以下两种方法来隐藏畅言的浮动评论框。
解决办法1:通过畅言后台设置自定义CSS
首先,登录到畅言管理后台,按照以下步骤操作:
- 畅言 > 设置 > PC端设置 > 主题样式 > 自定义CSS
在自定义CSS区域添加以下代码:
#bottombar-wrap-w { display: none; } /* 隐藏畅言浮动评论框 */
这段CSS代码的作用是将畅言的浮动评论框隐藏起来。保存设置后,刷新你的网站页面,应该不会再看到底部的浮动评论框了。
解决办法2:修改调用畅言的源码
通常,在Dedecms中调用畅言评论系统时会使用 `{dede:changyan/}` 标签。这个标签生成的代码如下所示:
在这个脚本中,你可以看到 `window.SCS_NO_IFRAME` 的值默认为 `false`。如果你想隐藏浮动评论框,可以将这个值改为 `true`。修改后的代码如下:
window.SCS_NO_IFRAME = true;
完成修改后,将整个代码块直接复制到你的模板文件中,替换原有的 `{dede:changyan/}` 标签。这样,畅言的浮动评论框也会被成功隐藏。
通过以上两种方法,你可以根据自己的需求选择最适合的方式来解决畅言浮动评论框与自定义底部浮框之间的冲突问题。希望这些建议能帮助你优化网站的用户体验。