板块帖子列表顶部标签美化教程
xiunoa 2020-7-9


美化前

这个还是后来加了个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行下面

 

 

觉着麻烦的,可以直接下载附件,然后上传到:

找到 plugin\xn_tag\hook\forum_breadcrumb_after.htm


最新回复 (15)
全部楼主
  • feng
    2021-7-31 2
    0
    重点是没有附件啊,哈哈哈哈
  • 兜兜
    2022-4-16 3
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
  • Meefei
    2022-5-10 4
    0
    不错的帖子!
  • 4078499
    2022-7-4 5
    0
    重点是没有附件啊
  • xiunoa 超版 楼主
    2022-7-4 6
    0
    4078499 重点是没有附件啊
    那照着文档试着改一下看看
  • xiunoa 超版 楼主
    2022-7-4 7
    0
    那照着文档试着改一下看看
  • 430135421
    2022-9-13 8
    0
    不错的帖子!
  • 明月清风66
    2022-9-21 9
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • whyciker
    2023-2-6 10
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • maros
    2023-3-15 11
    0
    感谢楼主ing!!!
  • 17862201016
    9月前 12
    0
    哈哈,不错哦!
  • 17862201016
    9月前 13
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • 死情人
    5月前 14
    0
    想知道这个标签,怎么自动换行!
  • admin001
    4月前 15
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • weige
    11小时前 16
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
返回