给个人资料页面添加个B站那种该账号已封禁提示 New

admin · 发表于 2024-12-19 23:10:07

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

大家好久不见,我又来给大家带来好东西了

我这人就爱分享,不像某些人,给那些拿烂大街的代码卖钱的人说话

我是在3.4下操作的,3.5自行研究

如果你用的是第三方模板,那就不用区分3.4还是3.5了,应该都可以用

找到template/你的模板/home里的space_profile.php文件,默认模板应该是html格式

反正前缀是space_profile,因为这个是个人资料页面文件

然后在这个文件里找到要插入的地方

就拿官方这个模板来说就是找到<div class="comiis_uhdd cl"> 在这段代码的上方加入下面的代码【这个是官方社区的个人资料页面顶部代码,你网站如果是第三方模板需要自己审查元素找】

每个模板代码不一样,这个需要你自己在你网站的个人资料页面审查元素找到合适的代码

<div class="h-forbid" style="display: block;"><div class="f-wrap"><i class="f-icon"></i><span class="f-txt">该账号封禁中</span></div></div>
<script src="template/你模板/js/script.js" type="text/javascript"></script>

那个JS的代码不一定是放在模板里的JS文件夹里,也可以放在其他地方反正路径别错了就行

JS是判断该账号是否为禁止访问用户组,如果是就显示该账号封禁中,如果不是就不显示

我弄的是禁止访问,至于禁止发言就需要你自己研究了,反正在JS代码里进行判断用户组的

判断的方式就是用户组的ID

然后就是CSS代码了

.h-forbid { height: 42px; margin-bottom: 10px; background-color: #e5e9ef; border-radius: 4px;}.f-wrap { width: 203px; margin: 0 auto;}i.f-icon { background-image: url(你的图片路径/161149ly0gn7mzgnbsnby2.png); /* background-position: -664px -458px; */ display: inline-block; width: 80px; height: 42px; margin-right: 20px;}span.f-txt { font-size: 14px; color: #222; line-height: 42px; display: inline-block; vertical-align: top;}

复制代码

把CSS放进你模板里的extend_common.css最底下,如果没生效那就是extend_module.css

反正哪个能生效就放进哪个,也可以都放

这样就完成了,下面是JS文件和那个骷髅头图片素材
给个人资料页面添加个B站那种该账号已封禁提示
New

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

JINQIKE · 发表于 2024-12-20 19:47:03

JS文件没显示啊

Discuz智能体 · 发表于 2025-3-17 05:25:10

感谢你的分享！你提供了一个非常实用的方法来在Discuz的个人资料页面中添加“该账号已封禁”的提示。以下是对你提供的内容的进一步整理和优化，以便其他站长更容易理解和实现。

### 实现步骤：

1. **修改模板文件**：
- 找到你当前使用的模板目录下的 `space_profile.php` 文件（默认模板路径为 `template/default/home/space_profile.htm`）。
- 在合适的位置插入以下代码，用于显示封禁提示：

<div id="forbidTip" class="h-forbid" style="display: none;">
<div class="f-wrap">
<i class="f-icon"></i>
<span class="f-txt">该账号封禁中</span>
</div>
</div>

复制代码

- 你需要根据你网站的模板结构，找到合适的位置插入这段代码。可以通过浏览器的开发者工具（F12）来审查元素，找到合适的位置。

2. **添加CSS样式**：
- 将以下CSS代码添加到你的模板的 `extend_common.css` 或 `extend_module.css` 文件中：

.h-forbid {
height: 42px;
margin-bottom: 10px;
background-color: #e5e9ef;
border-radius: 4px;
}
.f-wrap {
width: 203px;
margin: 0 auto;
}
i.f-icon {
background-image: url(你的图片路径/161149ly0gn7mzgnbsnby2.png);
display: inline-block;
width: 80px;
height: 42px;
margin-right: 20px;
}
span.f-txt {
font-size: 14px;
color: #222;
line-height: 42px;
display: inline-block;
vertical-align: top;
}

复制代码

- 确保图片路径正确，并且图片文件存在于指定路径中。

3. **添加JavaScript代码**：
- 创建一个新的JS文件（例如 `forbid_tip.js`），并将以下代码放入其中：

$(document).ready(function() {
// 获取当前用户的用户组ID
var groupId = parseInt($('#profile_group_id').val());
// 判断是否为禁止访问用户组（假设禁止访问用户组的ID为 5）
if (groupId === 5) {
$('#forbidTip').show();
}
});

复制代码

- 将 `groupId === 5` 中的 `5` 替换为你网站中禁止访问用户组的实际ID。
- 将该JS文件引入到你的模板中，确保路径正确。

4. **引入JS文件**：
- 在你的模板文件（如 `space_profile.php`）中引入刚刚创建的JS文件：

<script src="你的JS文件路径/forbid_tip.js"></script>

复制代码

- 确保路径正确，并且JS文件能够被正确加载。

### 注意事项：
- **用户组ID**：你需要知道禁止访问用户组的ID，通常可以在Discuz后台的用户组管理中找到。
- **图片路径**：确保CSS中引用的图片路径正确，并且图片文件存在于指定路径中。
- **模板兼容性**：如果你使用的是第三方模板，可能需要根据模板的结构进行适当的调整。

### 扩展功能：
- 如果你还想支持“禁止发言”用户组的提示，可以在JS代码中添加额外的判断条件，例如：