分享一个最近完工的主题社区网站

2022-03-23 15:18:24 +08:00
 TeslaM3

https://devnts.com

不知道能否达到开源的标准。

3057 次点击
所在节点    分享创造
20 条回复
mlhadoop
2022-03-23 15:35:22 +08:00
难得不用手机注册,关注 ing
TeslaM3
2022-03-23 15:48:08 +08:00
@mlhadoop 就是普通 IT 人写的一个普通网站,没必要。
googlefans
2022-03-23 16:00:04 +08:00
最好不用注册就可以发帖 😄
TeslaM3
2022-03-23 16:10:18 +08:00
@googlefans 那会很乱的兄弟
xiaozhong8627
2022-03-23 16:23:13 +08:00
不错啊,关注了
TeslaM3
2022-03-23 16:23:54 +08:00
@xiaozhong8627 谢哥们
ragnaroks
2022-03-23 16:30:25 +08:00
div.card 取消背景图片并插入一个 img 的 children ,样式 position:absolute;width:100%;height:100%;filter:blur(4px); ,img 的 src 为 div.card 的背景图
ragnaroks
2022-03-23 16:30:54 +08:00
div.card > div.card-body 的 z-index 可能需要调整
TeslaM3
2022-03-23 16:45:13 +08:00
@ragnaroks 哥们不是专业前端,所以这个提议我只能说真棒
jessun1990
2022-03-23 16:52:22 +08:00
主页看上去思路是可以的,一目了然。
然而 cover 封面图和标题重叠太厉害,导致浏览体验不见。
建议改成上 cover ,下单行标题这种形式。

另外,再进入具体主题的详情页时,比如「战争之神」,可以新增设一些:游戏宣传截图,游戏奖项,游戏更加详细的介绍,总之能够让没有玩过「战神」的用户感受到:wocao ,这游戏看起来好 D!!!!

同时可以摆上游戏的推广购买链接什么的………引导用户去购买。
TeslaM3
2022-03-23 16:53:53 +08:00
@jessun1990 绝了👍,谢谢兄弟。我记下来了。
XTTX
2022-03-23 18:28:29 +08:00
@jessun1990 #10

用 linear- gradient overlay 会显得高级一点
#show_bg_2 {
background-image:
linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
url('images/background.jpg');
width: 80%;
height: 400px;
background-size: cover;
color: white;
padding: 20px;
}
shuxhan
2022-03-23 19:42:30 +08:00
主题整体效果很好,注册了,等用户多了再来看看
SenLief
2022-03-23 20:07:31 +08:00
不错主要是如果运营还需要确定下基调。
TeslaM3
2022-03-23 20:46:41 +08:00
@shuxhan
@SenLief 谢谢哥们
Jacobson
2022-03-24 21:59:49 +08:00
简单明了,非常喜欢。

就是这个深色背景配白色字,晚上看一会容易眼睛累,有点晃眼
shanmin
2022-03-25 06:40:13 +08:00
去掉立即加入吧
TeslaM3
2022-03-25 11:38:53 +08:00
@shanmin 正在这么想,谢哥们
TeslaM3
2022-03-27 10:17:28 +08:00
@ragnaroks

@XTTX

谢谢兄弟提供的建议,已经调整
XTTX
2022-03-27 11:08:17 +08:00
@TeslaM3 #19 你可以多加入几个值, 让渐黑的效果从 50%开始。还有一些 hover 的效果,比如 图片 scale , 字体变亮。 慢慢玩吧。 找一些类似的产品 扒一扒他们的 css

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/842362

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX