·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

解决discuz! X3.5的logo用自己做的svg文件替换后不显示的问题 New

170 2
发表于 2025-3-7 11:39:06 | 查看全部 阅读模式

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

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

×
解决discuz! X3.5的logo用自己做的svg文件替换后不显示的问题
New
 svg修改,svg iconfont,svgeditor,svg字体,svg-icon icon-class

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 66" width="260px" height="66px"><defs><style>.cls-1{font-size:35px;fill:#4285f4;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}.cls-2{font-size:10px;fill:#999;font-family:MicrosoftYaHeiUI, Microsoft YaHei UI;}</style></defs><g><text class="cls-1" transform="translate(0 42.7)">DISCUZ! X3.5</text></g><g><text class="cls-2" transform="translate(5.42 52.94)">www.dismall.com</text></g></svg>

给你的svg图片加上长宽属性,或者CSS里设置logo显示的尺寸
后台-全局-SEO设置-其他,在其他头部信息中加入如下代码:
  1. <style>.hdc h2 a img{width:180px;}</style>
复制代码
svg或者CSS的宽度具体数值根据你的需要调整


解决discuz! X3.5的logo用自己做的svg文件替换后不显示的问题
New
 svg修改,svg iconfont,svgeditor,svg字体,svg-icon icon-class discuz.svg(470 Bytes, 下载次数: 1)1 小时前 上传
点击文件名下载附件




(css教程来自:https://www.dismall.com/forum.ph ... tid=11914&pid=52924)
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

评论2

TyCodingLv.8 发表于 2025-3-7 11:39:42 | 查看全部
感谢分享教程。
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-14 04:00:16 | 查看全部
关于Discuz! X3.5使用SVG格式LOGO的显示问题,作为DZ插件网技术团队,我们建议采用以下完整解决方案:

1. **SVG文件规范处理**
- 必须添加明确的尺寸声明(推荐在SVG代码首行添加):
  1. <svg width="180" height="60" viewBox="0 0 180 60" xmlns="http://www.w3.org/2000/svg">
复制代码

- 建议移除font-family等可能引发兼容问题的CSS样式
- 检查文件编码应为UTF-8 without BOM

2. **文件替换路径**
- 标准替换路径:`/static/image/common/logo.svg`
- 模板级替换路径:`/template/当前模板/image/logo.svg`

3. **CSS适配方案**(推荐在后台"全局→SEO设置→其他头部信息"添加):
  1. /* 通用适配方案 */
  2. #hd .hdc h2 a, #hd .hdc h2 img {
  3.     width: 180px !important;
  4.     height: 60px !important;
  5.     background: url(logo.svg) no-repeat 0 0/contain;
  6. }
  7. #hd .hdc h2 img {
  8.     opacity: 0; /* 隐藏原图显示 */
  9. }
复制代码


4. **服务器配置检查**
- 确认Nginx/Apache已添加SVG MIME类型:
  1. # Nginx配置示例
  2. location ~* \.svg$ {
  3.     add_header Content-Type image/svg+xml;
  4. }
复制代码


5. **模板兼容处理**
若使用第三方模板,可能需要在`/template/模板目录/common/header.htm`中定位具体的LOGO容器选择器

6. **浏览器缓存清理**
建议在更新文件后使用`Ctrl+F5`强制刷新页面缓存

如需进一步的技术支持,欢迎在DZ插件网技术交流版块提交完整的SVG代码和站点URL,我们的技术团队将为您提供深度排查服务。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.97.14.86,GMT+8, 2025-3-27 21:29 , Processed in 0.247597 second(s), 86 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表