【开源模板】Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录

平安鸡 平安鸡 当前离线 积分 1049 285 主题 762 回帖 1049 积分 金牌会员 金牌会员, 积分 1049, 距离下一级还需 1951 积分 金牌会员, 积分 1049, 距离下一级还需 1951 积分 积分 1049 收听TA 发消息	发表于 2023-9-12 12:18:43 | 显示全部楼层 |阅读模式 极简蓝自适应模板是一款响应式模板，在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换，可在模板编辑页面更换颜色，兼容5种风格样式。 本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。 不一定适用所有模板，仅做备份参考。 本模板已经开源在gitee，开源版基本已经稳定， 开源版不会跟随线上版本更新，可以作为学习或二次开发后商用，不可二次出售或上架应用市场。 开源源码下载地址： 1. 在线会员图标异常 forum/discuz.htm [/code]改为         [size=5]2. 页面及发帖时会显示 or ''[/size] 直接搜索 or ''  替换为空（这个应该是空值占位，不知道会不会出问题，目前没有遇到问题 [size=5]3. 右侧悬浮菜单 返回顶部及快速发帖图标不显示[/size] [size=2]如果引入Discuz!X3.5的字体就太大了没必要 只有三个字体图标 到iconfont上找了三个替换了[/size] [size=2] [/size] [code]/* 右侧悬浮菜单 */@font-face {    font-family: "iconfont"; /* Project id 3880532 */    src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),         url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),         url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');  }    .iconfont {    font-family: "iconfont" !important;    font-size: 16px;    font-style: normal;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;  }  #scrolltop {    background: transparent !important;    border: none !important;    z-index: 999;}#scrolltop a {    background: var(--base);    color: var(--white-bg);    border-radius: 4px;    margin-top: 8px;    line-height: 30px !important;    height: 30px !important;    padding: 5px !important;}#scrolltop a:before {    line-height: 30px !important;     display:inline-block;    font-family: "iconfont" !important;    font-size: 16px;    font-style: normal;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    width:24px;    font-size:24px;    line-height:24px;} #scrolltop a.scrolltopa:before {    content:"\e633";}#scrolltop a.replyfast:before {    content:"\e6ba";}#scrolltop a.returnlist:before, #scrolltop a.returnboard:before {    content:"\e712";} 复制代码 4. 发帖和回复按钮 .pg_group #newspecial,.pg_forumdisplay #newspecial,.pg_viewthread #newspecial, .pgs #post_reply, .pgs #post_replytmp {          padding: 0px 16px;    background: var(--base);    color: var(--white-bg);    font-size: 14px;   border-radius: 4px;   letter-spacing: 2px;    height: 26px;    line-height: 26px;} 复制代码 5.底部copyright显示异常 {lang copyright} 复制代码 改为： 复制代码 6.编辑器图标异常 forum/post_editor_body.htm [/code] 改为 [code] 复制代码 开源模板, 响应式模板, 手机自适应, 平板自适应, PC自适应 本帖子中包含更多资源 您需要 登录 才可以下载或查看，没有账号？立即注册 x
	回复 使用道具 举报

4414站长论坛 4414站长论坛 当前离线 积分 999 291 主题 706 回帖 999 积分 高级会员 高级会员, 积分 999, 距离下一级还需 1 积分 高级会员, 积分 999, 距离下一级还需 1 积分 积分 999 收听TA 发消息	发表于 2023-9-12 12:19:30 | 显示全部楼层 编辑器问题已解决
	回复 使用道具 举报

ROBOT ROBOT 当前离线 积分 1023 268 主题 753 回帖 1023 积分 金牌会员 金牌会员, 积分 1023, 距离下一级还需 1977 积分 金牌会员, 积分 1023, 距离下一级还需 1977 积分 积分 1023 收听TA 发消息	发表于 2023-9-12 12:20:03 | 显示全部楼层 $_G['setting']['version']出来的是带“X”的，所以去掉下“X”再比较大小         本帖子中包含更多资源 您需要 登录 才可以下载或查看，没有账号？立即注册 x
	回复 使用道具 举报

平安鸡 平安鸡 当前离线 积分 1049 285 主题 762 回帖 1049 积分 金牌会员 金牌会员, 积分 1049, 距离下一级还需 1951 积分 金牌会员, 积分 1049, 距离下一级还需 1951 积分 积分 1049 收听TA 发消息	楼主 发表于 2023-9-12 12:20:34 | 显示全部楼层 好的 学习了。不过很奇怪，那个代码居然也生效了。
	回复 使用道具 举报

阿健 阿健 当前离线 积分 1061 268 主题 791 回帖 1061 积分 金牌会员 金牌会员, 积分 1061, 距离下一级还需 1939 积分 金牌会员, 积分 1061, 距离下一级还需 1939 积分 积分 1061 收听TA 发消息	发表于 2023-9-12 12:21:29 | 显示全部楼层 {:2_25:}好像的确能用
	回复 使用道具 举报

4414站长论坛 4414站长论坛 当前离线 积分 999 291 主题 706 回帖 999 积分 高级会员 高级会员, 积分 999, 距离下一级还需 1 积分 高级会员, 积分 999, 距离下一级还需 1 积分 积分 999 收听TA 发消息	发表于 2023-9-12 12:22:28 | 显示全部楼层 开源介绍里写了你不看 本帖子中包含更多资源 您需要 登录 才可以下载或查看，没有账号？立即注册 x
	回复 使用道具 举报

ROBOT ROBOT 当前离线 积分 1023 268 主题 753 回帖 1023 积分 金牌会员 金牌会员, 积分 1023, 距离下一级还需 1977 积分 金牌会员, 积分 1023, 距离下一级还需 1977 积分 积分 1023 收听TA 发消息	发表于 2023-9-12 12:23:06 | 显示全部楼层 支持一下吧~
	回复 使用道具 举报