V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
TeslaM3
V2EX  ›  分享创造

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

  •  
  •   TeslaM3 · 2022-03-23 15:18:24 +08:00 · 2851 次点击
    这是一个创建于 757 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://devnts.com

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

    20 条回复    2022-03-27 11:08:17 +08:00
    mlhadoop
        1
    mlhadoop  
       2022-03-23 15:35:22 +08:00   ❤️ 1
    难得不用手机注册,关注 ing
    TeslaM3
        2
    TeslaM3  
    OP
       2022-03-23 15:48:08 +08:00
    @mlhadoop 就是普通 IT 人写的一个普通网站,没必要。
    googlefans
        3
    googlefans  
       2022-03-23 16:00:04 +08:00
    最好不用注册就可以发帖 😄
    TeslaM3
        4
    TeslaM3  
    OP
       2022-03-23 16:10:18 +08:00
    @googlefans 那会很乱的兄弟
    xiaozhong8627
        5
    xiaozhong8627  
       2022-03-23 16:23:13 +08:00   ❤️ 1
    不错啊,关注了
    TeslaM3
        6
    TeslaM3  
    OP
       2022-03-23 16:23:54 +08:00
    @xiaozhong8627 谢哥们
    ragnaroks
        7
    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
        8
    ragnaroks  
       2022-03-23 16:30:54 +08:00   ❤️ 1
    div.card > div.card-body 的 z-index 可能需要调整
    TeslaM3
        9
    TeslaM3  
    OP
       2022-03-23 16:45:13 +08:00
    @ragnaroks 哥们不是专业前端,所以这个提议我只能说真棒
    jessun1990
        10
    jessun1990  
       2022-03-23 16:52:22 +08:00   ❤️ 1
    主页看上去思路是可以的,一目了然。
    然而 cover 封面图和标题重叠太厉害,导致浏览体验不见。
    建议改成上 cover ,下单行标题这种形式。

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

    同时可以摆上游戏的推广购买链接什么的………引导用户去购买。
    TeslaM3
        11
    TeslaM3  
    OP
       2022-03-23 16:53:53 +08:00
    @jessun1990 绝了👍,谢谢兄弟。我记下来了。
    XTTX
        12
    XTTX  
       2022-03-23 18:28:29 +08:00   ❤️ 1
    @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
        13
    shuxhan  
       2022-03-23 19:42:30 +08:00   ❤️ 1
    主题整体效果很好,注册了,等用户多了再来看看
    SenLief
        14
    SenLief  
       2022-03-23 20:07:31 +08:00   ❤️ 1
    不错主要是如果运营还需要确定下基调。
    TeslaM3
        15
    TeslaM3  
    OP
       2022-03-23 20:46:41 +08:00 via iPhone
    @shuxhan
    @SenLief 谢谢哥们
    Jacobson
        16
    Jacobson  
       2022-03-24 21:59:49 +08:00   ❤️ 1
    简单明了,非常喜欢。

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

    @XTTX

    谢谢兄弟提供的建议,已经调整
    XTTX
        20
    XTTX  
       2022-03-27 11:08:17 +08:00
    @TeslaM3 #19 你可以多加入几个值, 让渐黑的效果从 50%开始。还有一些 hover 的效果,比如 图片 scale , 字体变亮。 慢慢玩吧。 找一些类似的产品 扒一扒他们的 css
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4981 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 03:50 · PVG 11:50 · LAX 20:50 · JFK 23:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.