• 注册
  • LightSNS LightSNS 关注:6 内容:10

    LightSNS主题搜索界面美化

  • 查看作者
  • 打赏作者
    • 1
    • LightSNS
    • Lv.14
      VIP7

      如题,官方提供的着实不算漂亮,修改了下分享给大家,同时也解决了搜索界面关闭按钮太靠右上角的问题,喜欢的朋友欢迎使用。

      美化前的截图;

      LightSNS主题搜索界面美化

      美化后的截图;

      LightSNS主题搜索界面美化

      代码如下:

      /*搜索界面美化*/
      .jinsom-pop-search.show {
          background-color: rgb(255 255 255 / 0.8);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
          backdrop-filter: blur(25px);
      }
      .jinsom-pop-search-content input {
          border: 1px solid #0084ff;
      }
      .jinsom-pop-search-content span {
          color: #fff;
          background-color: #0084ff;
      }
      .jinsom-pop-search-hot p,.jinsom-pop-search-bbs .title,.jinsom-pop-search-topic .title {
          color: #0084ff;
      }
      .jinsom-pop-search-hot-list a {
          border: 1px solid #0084ff;
          color: #0084ff;
      }
      .jinsom-pop-search-hot-list a:hover {
          background-color: #0084ff;
          border-color:#0084ff; 
          color: #fff;
      }
      .jinsom-pop-search .close {
          left: 50%;
          top: 88px;
          margin-left: 320px;
      }

      看看了,不错哦

      回复

      请登录之后再进行评论

      登录

      关注微信公众号

      坚持每天来艺优论坛,会让你
      工作也轻松了!
      生活也美好了!
      心情也舒畅了!
      走路也有劲了!
      腿也不痛了!
      腰也不酸了!
      工作也轻松了!
      你好我也好,不要忘记哦!

      扫描二维码逛本店

    • 做任务
    • 实时动态
    • 偏好设置
    • 到底部
    • 帖子间隔 侧栏位置: