Discuz主题分类美化代码及教程

鱼柒

效果图如下：

实现方法【警告：修改任何代码之前注意备份文件！】：
修改文件：template\模板名称\forum\forumdisplay_list.htm
如果该模板下没有这个文件，就编辑 template\default\forum\forumdisplay_list.htm

第一步：查找以下代码（大概在48行以后）

1. <!--{if $quicksearchlist && !$_GET['archiveid']}-->
   
2. <!--{subtemplate forum/search_sortoption}-->
   
3. <!--{/if}-->

复制代码

在该段代码下面加上：

1. <style>
   
2.         .common em{margin-left:15px;padding:2px;background:#0099FF;border-radius:5px;}
   
3.         .common em:hover{background: #00CCFF;border: 1px solid #093;}
   
4.                
   
5.         .common em a{padding-left:8px;padding-right:8px;color:#FFFFFF !important;}
   
6.         .common em a:hover{color:#cccccc;}
   
7.                
   
8.         .new em{margin-left:15px;padding:2px;background:#0099FFc;border-radius:5px;}
   
9.         .new em:hover{background: #00CCFF;border: 1px solid #093;}
   
10.                
    
11.         .new em a{padding-left:8px;padding-right:8px;color:#FFFFFF !important;}
    
12.         .new em a:hover{color:#cccccc;}
    
13.                
    
14.         .lock em{margin-left:15px;padding:2px;background:#0099FF;border-radius:5px;}
    
15.         .lock em:hover{background: #00CCFF;border: 1px solid #093;}
    
16.                
    
17.         .lock em a{padding-left:8px;padding-right:8px;color:#FFFFFF !important;}
    
18.         .lock em a:hover{color:#cccccc;}
    

复制代码

第二步：继续查找

1. <!--{hook/forumdisplay_thread $key}-->

复制代码

在下方加入（用于去掉两个书名号[]）：

1. <!--{eval $thread[typehtml] = str_replace('[',"",$thread[typehtml]);}-->
   
2. <!--{eval $thread[typehtml] = str_replace(']',"",$thread[typehtml]);}-->

复制代码

第三步：分类信息删除[]的修改，找到：

1. $thread[typehtml] $thread[sorthtml]

复制代码

在下面添加以下代码：

1. <!--{eval $thread[sorthtml] = str_replace('[',"",$thread[sorthtml]);}-->
   
2. <!--{eval $thread[sorthtml] = str_replace(']',"",$thread[sorthtml]);}-->

复制代码

第四步：后台-工具-更新缓存，OK