简简单单hostloc :P

terryxu 大佬有话说 :

简简单单hostloc 😛

本帖最后由 terryxu 于 2020-5-8 21:50 编辑

试着简单美化了一下论坛样式，去掉了很多的功能。
主要修改-列表页面
https://i.loli.net/2020/05/08/jhYO1T8b4QRLagc.png

详情页面
https://i.loli.net/2020/05/08/xc9aWle7ySz8IEB.png
投票
https://i.loli.net/2020/05/08/lLworbSd3QkItam.png

主页基本没做修改
https://i.loli.net/2020/05/08/WgEof1JRxlqtuI9.png

原来的logo在高清屏下有点模糊，就重新做了一个
https://i.loli.net/2020/05/08/RExn3PoNsQ7Gv8r.png

chrome装个样式插件开启一下就行
@-moz-document domain("www.hostloc.com") {
        body {
                background: none;
                background: #e2e2e2;
        }

        .hdc h2 a {
                display: inline-block;
                background: url(https://i.loli.net/2020/05/08/RExn3PoNsQ7Gv8r.png);
                        background-size:100%;
                width: 250px;
                height: 70px;
        }

        #scbar {
                display: none;
                border-top: none;
                border-radius: 2px;
        }

        #um .showmenu {
                margin-right: 5px;
        }

        #threadlist .th {
                margin-top: 0;
        }

        .hdc h2 img {
                display: none;
        }

        .bmw {
                border: none;
                box-shadow: 0 2px 3px rgba(0,0,0,.1);
                border-radius: 3px;
                overflow: hidden;
        }

        #thread_types,
    #scbar_hot,
    #nv,
    .bml,
    #toptb,
    .pipe,
    a,
    #pgt,
    .tns,
    .pil,
    .pls p span,
    .authi img,
    #p_btn,
    .pm2 a,

    .vwthd .xg1 {
                display: none;
        }

        #threadlisttableid   tbody:first-child {
                display: none;
        }

        .authi,
    .authi a,
    #fj .z {
                color: #999;
        }

        .pls .o li {
                text-indent: 0;
        }

        .pls .o .pm2 {
                background-image: none !important;
                text-align: center;
                float: none;
        }

        .pm2 a {
                vertical-align: top;
                display: inline-block;
                font-size: 0;
                background: url(https://www.hostloc.com/static/image/common/pmto.gif);
                width: 16px;
                height: 16px;
        }

        .pi em {
                vertical-align: top;
        }

        .tdpre {
                visibility: hidden !important;
        }

        .tl th, .tl td {
                border-bottom: 1px solid #e2e2e2;
        }

        .tl tr:hover th, .tl tr:hover td {
                background: none;
        }

        .pg a, .pg strong, .pgb a, .pg label {
                border-radius: 3px;
        }

        .tl th a:visited, .tl td.fn a:visited {
                color: #999;
        }

        .pg a:hover, .pgb a:hover {
                border-color: #007cd5d1;
                color: #007cd5d1;
        }

        #separatorline tr td:first-child,
    .icn,#forumnewshow,
    #separatorline {
                display: none;
        }

        th.common em,
    th.new em {
                display: none;
        }

        th.common,
    th.new,
    th.lock {
                padding-left: 5px;
        }

        #ft {
                color: #999
        }

        #ft a {
                margin: 0 2.5px;
                color: #999;
        }

        .xg1, .xg1 a {
                margin-left: 5px;
        }

        .bm {
                border: none;
                border-radius: 3px;
                overflow: hidden;
        }

        .xw1 {
                color: #666 !important;
        }

        .pgbtn a,
    .bm_h {
                border: none;
        }

        .pi {
                border-bottom: 1px dashed #e2e2e2;
        }

        .po {
                border-top: 0;
        }

        .pob a {
                color: #999;
        }

        .pi strong a {
                color: #999;
        }

        .t_f {
                line-height: 1.5rem;
        }

        .pls p {
                text-align: center;
        }

        .pls p a {
                color: #999;
        }

        .pbg,.pbr {
                border-radius: 0;
        }

        .avt img {
                border-radius: 100%;
                border-color: #f2f2f2;
                box-shadow: 0 2px 3px rgba(0,0,0,.1);
        }

        .pls .avatar img {
                padding: 2px;
                background: #FFF;
                width: 70px;
                height: 70px;
                font-size: 0;
                border-radius: 100%;
                box-shadow: 0 2px 3px rgba(0,0,0,.1);
        }

        .pl .quote {
                border-radius: 3px;
        }

        .tl td em, .tl td em a {
                color: #eaeaea
        }

        #autopbn {
                border: none;
        }

        .pls .avatar {
                text-align: center;
        }

        .pls .pi {
                padding: 10px;
                text-align: center;
        }

        .pls p,.pls .o {
                margin: 5px 10px;
        }

        .xl2 li {
                width: auto;
        }

        .bui .m img {
                height: 120px;
                border: 3px solid #fff;
                border-radius: 100%;
        }

        .psta img,
        #tath img {
                border-radius: 100%;
        }
          .sign{
                        background:none;
                        border-top:1px dashed #e2e2e2;
                        /*display:none;*/
                        font-size:12px !important;
             }
             .sign font{
                    font-size:12px !important;
             }
        #ft {
                border-top: 0;
        }
}

觉的好的，给个赞啊

work 大佬有话说 :

logo有点辣眼睛

tir 大佬有话说 :

哇哦，战略性Mark了

Lemon0 大佬有话说 :

mark mark mark zsbd zsbd zsbd!!!

b66667777 大佬有话说 :

战略性帮顶

camboo 大佬有话说 :

有望打包成app

俩猫 大佬有话说 :

支持一下:lol

kzklot 大佬有话说 :

套娃….?!yc006t