请选择 进入手机版 | 继续访问电脑版

俗人斋

搜索
热搜: 建站
这里是一个私人的根据地,想进入小圈子的就快来注册吧!
立即注册

合作站点账号登陆

快捷导航
查看: 52|回复: 5

[建站相关] 论坛首页UI更新

[复制链接]

55

主题

501

帖子

1万

积分

时空穿梭

High Templar

Rank: 8Rank: 8

积分
14069

千山暮雪霜寒仙境七彩神话论坛元老星尘契约长乐未央亘古刻痕任我心意星际争霸II人理存续暗黑破坏神IIIDotA2PhotoshopAfter EffectPremiereAuditionDreamweaverMayaNuke冰雪学徒紫玉慕君长空白隼柠檬飞天刺客信条

威望
2704
金钱
5257
贡献
2873
QQ
透明的星尘 发表于 2019-7-1 02:48:21 | 显示全部楼层 |阅读模式
其实一开始并没有这样的打算,只是在修改顶部链接的时候,不小心把首页展示最新帖,最新回复,最热帖以及注册用户的模块删掉了。
QQ截图20190701021400.jpg
具体删除方式如上图,我也不清楚为什么就点到这里了。

然后我各种用备份的template文件覆盖现有的,发现根本没有变化。
既然恢复不了,只好重新做了,我在template/当前主题/的文件夹里找了好久,其中template/当前主题/forum/discuz.php是门户相关的脚本,本以为找到这个就万事大吉了,然而事情并没有我想象的那么顺利。经过各种定位调试,我发现真正起作用的是这么一行代码:
  1. <!--{if empty($gid)}-->
  2.         <div class="wp">
  3.                 <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
  4.         </div>
  5. <!--{/if}-->
复制代码
什么意思呢,被我删掉那部分是用户diy的……和模板这部分无关,模板只提供CSS……

这么看,这部分diy内容应该是存在数据库里了,然而又不想直接还原,上次备份是1月多,看来还是要保持每月26号备份的传统。
偶然间我发现,用admin登录可以直接自定义模块。
QQ截图20190701021136.jpg
虽然操作还不是很人性,但比起啃代码已经舒服多了。
在门户,模块模板里可以更改每个模块的显示内容(头像,标题,作者,更新时间,点击量),自己组合出需要的模块即可。
  1. <div id="m120">
  2. <ul>
  3. [loop]
  4. <li>
  5. <span class="z">
  6. <a href="{url}"{target}><img src="{avatar}" height="100%" /></a>
  7. </span>

  8. <span class="m120_t">
  9. <a href="{url}" title="{title}"{target}>{title}</a>
  10. <p>{lastposter} | 回复于 {lastpost} | 点击 {views}</p></span>
  11. </li>
  12. [/loop]
  13. </ul>
  14. </div>
复制代码
可以通过修改 template/当前主题/common/extend_common.css文件来调整模块的样式,使用F12追踪相关模块的类,然后修改对应内容即可。
注意,覆盖了在线的文件之后,都必须在后台->工具->更新缓存里更新diy模板的缓存之后才会生效。
(即时预览css参数修改之后的效果:打开F12追踪模式,可以修改里头的部分css参数,这样就可以变相地即时预览,找到合适的参数之后再回头改css文件,可以大大提高效率。)
QQ截图20190701024445.jpg
然后给大家看一下最终效果吧,尽量还原了站长当时做的效果,另外加入了精华帖的选项卡,大家对UI还有什么建议的欢迎随时提出。前端攻城狮讲继续啃代码……
QQ截图20190701024637.jpg
回头想一下,可能最初站长做这个模块的时候没有把模块和主页链接起来,导致后台误认为这是未使用的模块?原因就不清楚了,我在改完这些之后,新添加的模块都是已经使用的,不会被清除。原因无所谓了,能恢复正常使用就好。


用科学造福社会,
用艺术渲染人生。
回复

使用道具 举报

11

主题

124

帖子

5491

积分

星辰大海

Rank: 7Rank: 7Rank: 7

积分
5491

千山暮雪泰拉利亚七彩神话论坛元老长空白隼星尘契约

威望
783
金钱
2983
贡献
808
白隼 发表于 2019-7-1 09:58:34 | 显示全部楼层
为什么还教我们具体删除方式。。。
回复

使用道具 举报

49

主题

337

帖子

7976

积分

超级版主

第三视角

Rank: 8Rank: 8

积分
7976

千山暮雪七彩神话论坛元老空之境界SteamGithub

威望
905
金钱
4849
贡献
955
木綿 发表于 2019-8-17 15:54:49 | 显示全部楼层
其实我原来电脑里还存着没放到服务器上之前的版本,对照着改应该是能调回来的,但是我比较懒。。所以。。
回复

使用道具 举报

49

主题

337

帖子

7976

积分

超级版主

第三视角

Rank: 8Rank: 8

积分
7976

千山暮雪七彩神话论坛元老空之境界SteamGithub

威望
905
金钱
4849
贡献
955
木綿 发表于 2019-8-18 11:28:33 | 显示全部楼层
本帖最后由 木綿 于 2019-8-18 11:43 编辑

报告:我把之前首页DIY模块重新导入了,现在覆盖了你的。。另外也沿用了精华帖板块。备份在backups/styles文件夹里,可以随时导入还原= =
回复

使用道具 举报

55

主题

501

帖子

1万

积分

时空穿梭

High Templar

Rank: 8Rank: 8

积分
14069

千山暮雪霜寒仙境七彩神话论坛元老星尘契约长乐未央亘古刻痕任我心意星际争霸II人理存续暗黑破坏神IIIDotA2PhotoshopAfter EffectPremiereAuditionDreamweaverMayaNuke冰雪学徒紫玉慕君长空白隼柠檬飞天刺客信条

威望
2704
金钱
5257
贡献
2873
QQ
 楼主| 透明的星尘 发表于 2019-8-19 07:29:03 来自手机 | 显示全部楼层
木綿 发表于 2019-8-18 11:28
报告:我把之前首页DIY模块重新导入了,现在覆盖了你的。。另外也沿用了精华帖板块。备份在backups/styles ...

还是站长厉害!
回复

使用道具 举报

55

主题

501

帖子

1万

积分

时空穿梭

High Templar

Rank: 8Rank: 8

积分
14069

千山暮雪霜寒仙境七彩神话论坛元老星尘契约长乐未央亘古刻痕任我心意星际争霸II人理存续暗黑破坏神IIIDotA2PhotoshopAfter EffectPremiereAuditionDreamweaverMayaNuke冰雪学徒紫玉慕君长空白隼柠檬飞天刺客信条

威望
2704
金钱
5257
贡献
2873
QQ
 楼主| 透明的星尘 发表于 2019-9-4 11:37:45 | 显示全部楼层
讲论坛logo的ico文件从16*16提升至128*128。
再保存网页到主屏幕时,可以显示高清图标了。
微信图片_20190904113657.jpg

评分

参与人数 1贡献 +64 收起 理由
木綿 + 64 可以的!

查看全部评分

用科学造福社会,
用艺术渲染人生。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|俗人斋

GMT+8, 2019-10-14 21:05 , Processed in 0.073514 second(s), 25 queries .

Copyright © 2018 俗人斋 | Ellie Zheng

Powered by Discuz! X3.4 & Legend of 7 Colors

快速回复 返回顶部 返回列表