找回密码
 立即注册
CeraNetworksBGVM服务器主机交流会员请立即修改密码Sharktech防护
查看: 179|回复: 9

简单的hostloc论坛主题样式

[复制链接]

9

主题

17

回帖

105

积分

注册会员

积分
105
发表于 2020-5-8 21:50:31 | 显示全部楼层 |阅读模式
本帖最后由 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.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[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.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;
  •         }
  • }[/ol]复制代码

    觉的好的,给个赞啊

  • 回复

    使用道具 举报

    7

    主题

    38

    回帖

    149

    积分

    注册会员

    积分
    149
    发表于 2020-5-8 22:14:32 | 显示全部楼层
    我一直用的 https://userstyles.org/styles/154705/hostloc
    稍微改动下 再配合 dark reader 扩展 自动夜间模式

    light




    dark


    回复

    使用道具 举报

    31

    主题

    1302

    回帖

    2917

    积分

    金牌会员

    积分
    2917
    发表于 2020-5-8 21:51:37 | 显示全部楼层
    logo有点辣眼睛  
    回复

    使用道具 举报

    12

    主题

    1072

    回帖

    2428

    积分

    金牌会员

    积分
    2428
    发表于 2020-5-8 21:51:09 | 显示全部楼层
    哇哦,战略性Mark了
    回复

    使用道具 举报

    102

    主题

    380

    回帖

    1930

    积分

    金牌会员

    积分
    1930
    发表于 2020-5-8 21:51:45 | 显示全部楼层
    mark mark mark zsbd zsbd zsbd!!!
    回复

    使用道具 举报

    14

    主题

    5538

    回帖

    1万

    积分

    论坛元老

    积分
    12622
    发表于 2020-5-8 21:51:59 | 显示全部楼层
    战略性帮顶
    回复

    使用道具 举报

    18

    主题

    268

    回帖

    806

    积分

    高级会员

    积分
    806
    发表于 2020-5-8 21:53:46 | 显示全部楼层
    有望打包成app
    回复

    使用道具 举报

    0

    主题

    9

    回帖

    30

    积分

    新手上路

    积分
    30
    发表于 2020-5-8 21:54:29 | 显示全部楼层
    支持一下

    回复

    使用道具 举报

    49

    主题

    1145

    回帖

    2683

    积分

    金牌会员

    积分
    2683
    发表于 2020-5-8 21:54:30 | 显示全部楼层
    套娃....?!

    回复

    使用道具 举报

    9

    主题

    77

    回帖

    259

    积分

    中级会员

    积分
    259
    发表于 2020-5-8 22:16:11 | 显示全部楼层
    看上去不錯
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|HS2V主机综合交流论坛

    GMT+8, 2024-11-15 00:21 , Processed in 0.078460 second(s), 4 queries , Gzip On, Redis On.

    Powered by Discuz! X3.5

    © 2001-2024 Discuz! Team.

    快速回复 返回顶部 返回列表