简单的hostloc论坛主题样式

terryxu

本帖最后由 terryxu 于 2020-5-9 07:57 编辑

试着简单美化了一下论坛样式，去掉了很多的功能。
主要修改-列表页面




详情页面



投票




主页基本没做修改




原来的logo在高清屏下有点模糊，就重新做了一个



如果你不喜欢，可以自己diy喜欢的logo，替换代码第9行的url就行了
.hdc h2 a {
                display: inline-block;
                background: url(https://i.loli.net/2020/05/08/RExn3PoNsQ7Gv8r.png) /*这里是logo地址*/;
                background-size:100%;
                width: 250px;
                height: 70px /*调整一下高度*/;
}


比如改成#16楼@李多多 提供的logo，搭配上dark reader的效果



chrome装个样式插件开启一下就行
[ol]

@-moz-document domain("www.52.ht") {

        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[href="connect.php?mod=config"],

    #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.52.ht/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;

        }

}[/ol]复制代码

觉的好的，给个赞啊

ghostloc

我一直用的 https://userstyles.org/styles/154705/hostloc
稍微改动下 再配合 dark reader 扩展 自动夜间模式

light




dark

work

logo有点辣眼睛  

tir

哇哦，战略性Mark了

Lemon0

mark mark mark zsbd zsbd zsbd!!!

b66667777

战略性帮顶

camboo

有望打包成app

俩猫

支持一下

kzklot

看上去不錯马克马克一下

Andreyaeox

这LOGO把全球降成了全村了