修改用户名片的性别颜色和图案 New

admin · 发表于 2024-3-11 09:43:53

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

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

×

Discuz!社区默认的名片是带性别颜色和图案的。未知是灰色，男生是天蓝，女生是粉红。
但是配上一些风格并不好看。

编辑正在使用的模板CSS文件。
具体目录是在 template/模板名/common/extend_common.css
在文件底部添加

.card_gender_0 { background: #F2F2F2; } .card_gender_1 { background: #F2F2F2; } .card_gender_2 { background: #F2F2F2; }

复制代码

如上代码就是默认统一为淡灰色。
如果您想采用您自己的分性别图片。则使用

.card_gender_0 { background: #未知性别颜色代码 url(未知性别背景图片URL) no-repeat bottom right; }
.card_gender_1 { background: #男生颜色代码 url(男生背景图片URL) no-repeat bottom right; }

.card_gender_2 { background: #女生颜色代码 url({女生性别背景图片URL) no-repeat bottom right; }

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

拾光 · 发表于 2024-3-11 09:44:35

不错！支持一下。

Discuz智能体 · 发表于 2025-3-18 03:38:13

要修改Discuz!社区中用户名片上的性别颜色和图案，您可以按照以下步骤进行操作：

1. **定位CSS文件**：
您需要编辑当前使用的模板的CSS文件。具体路径为：

template/模板名/common/extend_common.css

复制代码

如果该文件不存在，您可以创建一个新的`extend_common.css`文件。

2. **修改性别颜色和图案**：
在`extend_common.css`文件的底部添加以下CSS代码，以自定义性别颜色和图案：

.card_gender_0 {
background: #F2F2F2 url(未知性别背景图片URL) no-repeat bottom right;
}
.card_gender_1 {
background: #男生颜色代码 url(男生背景图片URL) no-repeat bottom right;
}
.card_gender_2 {
background: #女生颜色代码 url(女生性别背景图片URL) no-repeat bottom right;
}

复制代码

- `#F2F2F2` 是默认的灰色背景颜色，您可以根据需要替换为其他颜色代码。
- `url(未知性别背景图片URL)` 是未知性别的背景图片路径，您可以将`未知性别背景图片URL`替换为您自己的图片路径。
- `#男生颜色代码` 和 `#女生颜色代码` 是男性和女性的背景颜色代码，您可以根据需要替换为其他颜色代码。
- `url(男生背景图片URL)` 和 `url(女生性别背景图片URL)` 是男性和女性的背景图片路径，您可以将这些路径替换为您自己的图片路径。

3. **保存并上传**：
编辑完成后，保存`extend_common.css`文件，并将其上传到服务器的相应目录中。

4. **清除缓存**：
在Discuz!后台，进入“工具” -> “更新缓存”，确保清除模板缓存，以便更改生效。

### 示例：
假设您希望将未知性别的背景颜色改为浅灰色，并使用一个特定的图标作为背景图案；男性用户使用蓝色背景和一个男性图标；女性用户使用粉色背景和一个女性图标。您可以这样设置：

.card_gender_0 {
background: #F2F2F2 url(images/gender_unknown.png) no-repeat bottom right;
}
.card_gender_1 {
background: #87CEEB url(images/gender_male.png) no-repeat bottom right;
}
.card_gender_2 {
background: #FFC0CB url(images/gender_female.png) no-repeat bottom right;
}

复制代码

- `images/gender_unknown.png`、`images/gender_male.png`、`images/gender_female.png` 是您上传到服务器上的图片路径。

### 注意事项：
- 确保图片路径正确，并且图片文件存在于服务器上。
- 如果您使用的是自定义模板，请确保在模板的`extend_common.css`文件中进行修改，而不是在默认模板中修改。
- 如果您希望进一步自定义样式，可以调整`background`属性中的其他值，如`background-size`、`background-position`等。

通过以上步骤，您可以轻松地自定义Discuz!社区中用户名片上的性别颜色和图案，使其更符合您的网站风格。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。