118 2 6

板块帖子列表顶部标签美化教程

ZAESKY
2020-2-16 5417
该帖已被设置为推荐帖

又是闲着无聊的一天,就看到帖子列表顶部的标签与主题格格不入就想着美化一下。

美化前

这个还是后来加了个card的样式,还是觉得不好看。

美化后

修改教程

找到plugin\xn_tag\hook\forum_breadcrumb_after.htm

把原来的2-7行

<style>
table.nav_tag_list {margin-bottom: 0.2rem;}
table.nav_tag_list td {padding: 0.3rem;}
table.nav_tag_list td a{margin-right: 0.5rem;}
.nav_tag_list .active {font-weight: 800;}
</style>

替换成下面的代码,或者自定义样式都行。

<style>
table.nav_tag_list {margin-bottom: 0.5rem;}
table.nav_tag_list td a{background:white;padding:0.3rem .83rem;border-radius:1rem;font-size:12px;color: #8a9aa9;}
table.nav_tag_list td a:hover{color: #0084ff;}
.nav_tag_list .active {background:#0084ff;color:#fff;font-weight:500;}
table li{float:left;margin:5px 0px;}
</style>

再找到第36行和56行a标签的前面和后面都加上li标签像这样:

就行了。

修复

如遇到标签样式出现错误重叠,请下载附件文件替换plugin\xn_tag\hook文件夹内同名文件。为了整体美观去掉了标签分类名。

如果需要标签类名请将下面代码:

<td class="text-muted text-nowrap" align="right" valign="top">
	<?php echo $tagcate['name'];?>:
</td>

添加到文件forum_breadcrumb_after.htm 第13行下面

最后于 2020-2-16 被ZAESKY编辑 ,原因: 修复BUG
本帖中包含附件 如需下载请先回复本帖!

请先登录后发表评论!

最新回复 (118)
  • glxhydue 2020-2-16
    2


    0
  • KUIUK 2020-2-16
    3


    第一排跟第二排挤在一块了,有重合部分

    0
  • ZAESKY 2020-2-16
    4

    glxhydue
    刚好在修改,你就截图了

    0
  • ZAESKY 2020-2-16
    5

    KUIUK 第一排跟第二排挤在一块了,有重合部分
    我也看到了,已修复,详情见文章。

    0
  • KUIUK 2020-2-16
    6

    哈哈

    0
  • 汉克 2020-2-17
    7

    hh

    0
  • 无聊 2020-2-17
    8

    0
  • ssr 2020-2-18
    9

    站长你好 麻烦问一下改完之后每个标签之间都有一个点该怎么修改 直接下载的附件就改了一下颜色

    0
  • ZAESKY 2020-2-18
    10

    ssr 站长你好 麻烦问一下改完之后每个标签之间都有一个点该怎么修改 直接下载的附件就改了一下颜色
    给table li{float:left;margin:5px 0px;}这行代码里面加入list-style:none,就像这样table li{float:left;margin:5px 0px;list-style:none;}

    0
  • kelao 2020-2-19
    11

    这个不错!

    0
  • kenobi 2020-2-20
    12

    大佬牛逼

    0
  • 78727704 2020-2-21
    13

    学习了

    0
  • 马里奥先森 2020-2-21
    14

    感谢站长分享

    0
  • vippai 2020-2-25
    15

    0
  • qidouhai 2020-2-26
    16

    怎么设置成多彩标签

    0
  • ZAESKY 2020-2-26
    17

    qidouhai 怎么设置成多彩标签
    你是指哪里的多彩标签呢,官方的插件可以支持设置颜色

    0
  • qidouhai 2020-2-26
    18

    ZAESKY 你是指哪里的多彩标签呢,官方的插件可以支持设置颜色
    哦,好吧,哈哈,你不说我还没有看见

    0
  • lenling 2020-2-26
    19

    还不错

    0
  • 9xiaoyuns 2020-2-27
    20


    四个并排不到一起改哪里。。。

    0
  • 3 2020-3-1
    21

    ,,

    0
  • 718853634 2020-3-1
    22

    希望对我有用

    0
  • qqrgo 2020-3-1
    23

    同为学生,有点不同

    0
  • ZAESKY 2020-3-1
    24

    qqrgo 同为学生,有点不同
    加油呀,努力做自己喜欢的事

    0
  • 3 2020-3-3
    25

    怎么做才可以不让这个显示?

    0
  • ZAESKY 2020-3-3
    26

    3 怎么做才可以不让这个显示?
    把plugin\xn_tag\hook\thread_list_inc_subject_after.htm 里面的内容注释或删除

    0
  • 3 2020-3-6
    27

    ZAESKY 把plugin\xn_tag\hook\thread_list_inc_subject_after.htm 里面的内容注释或删除

    大佬还有这个,怎么让他不显示?


    0
  • ZAESKY 2020-3-6
    28

    3 大佬还有这个,怎么让他不显示?
    把plugin\xn_tag\hook\thread_subject_end.htm 文件里面的内容删除或注释。

    0
  • qqrgo 2020-3-8
    29

    来领附件了

    0
  • KUIUK 2020-3-8
    30

    我这个标签一点击就出现两个空格,这个应该怎么修改

    0
  • wer43210 2020-3-10
    31

    正需要这个呢

    0
  • 风轻云淡 2020-3-10
    32

    看看

    0
  • haidishayu 2020-3-11
    33

    正需要这个呢

    0
  • sqxxz 2020-3-12
    34

    谢谢分享

    0
  • 启辉儿 2020-3-13
    35

    0
  • 马里奥先森 2020-3-13
    36

    站长,官方好像把 标签插件升级到 v2.6 版了,我们直接点击更新会不会 把之前修改的 全都覆盖了,那不是白干了..

    0
  • ZAESKY 2020-3-13
    37

    马里奥先森 站长,官方好像把 标签插件升级到 v2.6 版了,我们直接点击更新会不会 把之前修改的 全都覆盖了,那不是白干了..
    是的 ,做好备份替换下文件就行了

    0
  • 马里奥先森 2020-3-13
    38

    ZAESKY 是的 ,做好备份替换下文件就行了
    挺久没去官方后台看,一看就发现有更新了

    0
  • aixiu 2020-3-15
    39

    谢谢分享

    0
  • 王宝义 2020-3-15
    40

    0
  • 1349920358 2020-3-17
    41

    我看看

    0
  • free 2020-3-20
    42

    0
  • 去玩儿过 2020-3-21
    43

    0
  • 1373937439 2020-3-28
    44

    0
  • pipi 2020-3-29
    45

    1111111

    0
  • lumingjin 2020-4-8
    46

    kk

    0
  • qwerty 2020-4-9
    47

    fsdafdsf

    0
  • qwert 2020-4-12
    48

    wqdw

    0
  • jiesamu 2020-4-13
    49

    666

    0
  • wen9 2020-4-13
    50

    顶一下

    0
返回
请先登录后发表评论!