技巧教程 管理员可以为帖子设置图章

  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

诠释233

Interpret
UID
516
注册
2019/12/01
消息
110
解决方案
6
反馈评分
60
黄金
11,330.2G
    Windows 10 Chrome 87.0.4280.88
  • #1
由于之前站内的相关教程失效了,看不到任何实质性的内容,所有我自己写了一篇简单的教程:icon-evil:

废话不多说,开始教程
首先,进入管理后台,左侧导航栏依次点击 论坛 自定义主题字段 添加一个字段 字段id与标题自己填写
显示位置可选消息前面或主题上面(下方的示例图片为主题上面)
应用板块自定
字段类型
选择 单项选择或下拉选项 建议选择下拉选项

上面设置完成后,点击选择字段设置,如图
1610263784886.png
把你需要的图章选项都设置完以后,点击常规选项,所有用户组改为选定管理组,具体选择什么组根据自己情况设置

以上设置完以后,在HTML修饰框内填入以下代码

注: /data/stamp/{$choice}.gif为对应的图章图片文件位置,这里是data/stamp目录下的文件 .gif为指定的图片格式,可视情况更改为其他格式
{$choice}会自动获取上图步骤中左侧的文本,所以图片名要与上图步骤左侧的值一一对应,图片格式要与.gif位置的图片格式一致,否则无法获取,例如 stamp_1.gif
HTML:
<img class="{$choice}" src="/data/stamp/{$choice}.gif" />
<style>
    .{$choice} {
        position: absolute;
        right: 90px;
        top: 200px;
        z-index: 100;
    }
    <!-- 如需要自适应,请添加以下代码 -->
    @media screen and (max-width: 300px) {
        .{$choice} {
            自行决定css样式
        }
    }
</style>
@media screen and (max-width: 300px) 中的max-width: 300px 指屏幕可视窗口尺寸小于 300像素(px)时发生的改变,该值可视情况更改,或添加多个自适应代码适应更多尺寸的可视窗口
righttop值可根据实际情况更改

实例效果:
1610263296411.png
 
打赏用户:
死了算了
  • 支持
反馈: JackuXL

Dioxide

大垃圾
UID
704
注册
2020/03/27
消息
25
反馈评分
16
黄金
1,009.4G
    Windows 10 Chrome 88.0.4324.104
  • #3
其实吧。。CSS可以写在自定义字段里面