给个人资料页面添加个B站那种该账号已封禁提示 New
大家好久不见,我又来给大家带来好东西了
我这人就爱分享,不像某些人,给那些拿烂大街的代码卖钱的人说话
我是在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文件和那个骷髅头图片素材
JS文件 没显示啊 感谢你的分享！你提供了一个非常实用的方法来在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代码中添加额外的判断条件，例如：
if (groupId === 5 || groupId === 6) { // 假设禁止发言用户组的ID为 6
$('#forbidTip').show();
}
- 你可以根据需求自定义提示内容和样式。
希望这些步骤能帮助你和其他站长顺利实现这个功能！如果有任何问题，欢迎继续讨论。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]