【尹兴飞分享】分享一个用了多年的美化，大家来看看吧

CG驿站|www.i-520.net 提供技术支持

预览图：

教程开始：

1、找到目录文件 - \template\风格目录\forum\viewthread_node.htm

2、找到25行左右，如下：

我们把$authorverifys  剪切，然后我们重新组合代码，如下：

1. <style type="text/css">
   
2.                         .vdata {
   
3.                         padding: 3px;
   
4.                         margin-left: 10px;
   
5.                         margin-right: 10px;
   
6.                         list-style: none;
   
7.                         }
   
8.                         .vdata li {
   
9.                         padding: 5px .4em;
   
10.                         background: #F7FAFF;
    
11.                         border: 2px dashed #D1D8D8;
    
12.                         border-image: initial;
    
13.                         }
    
14.                         .vdata li a:hover {
    
15.                         text-decoration: none;
    
16.                         }
    
17.                         .vdata li h3 {
    
18.                         margin-bottom:5px;
    
19.                         }
    
20.                         .vdata li img {
    
21.                         margin:2px 1px;
    
22.                         }
    
23.                         </style>
    
24.                         <div class="vdata">
    
25.                         <li title="权威认证">
    
26.                         <h3>权威认证</h3>
    
27.                                         $authorverifys
    
28.                         </li>
    
29.                         </div>

复制代码

把上面代码插入到110行左右，如下代码之下：

1. <dl class="cl">{$post[custominfo][left]}</dl>
   
2.             </div></div>
   
3.             <!--{/if}-->

复制代码

最后是这样，如下：

1. <dl class="cl">{$post[custominfo][left]}</dl>
   
2.             </div></div>
   
3.             <!--{/if}-->
   
4.                         <style type="text/css">
   
5.                         .vdata {
   
6.                         padding: 3px;
   
7.                         margin-left: 10px;
   
8.                         margin-right: 10px;
   
9.                         list-style: none;
   
10.                         }
    
11.                         .vdata li {
    
12.                         padding: 5px .4em;
    
13.                         background: #F7FAFF;
    
14.                         border: 2px dashed #D1D8D8;
    
15.                         border-image: initial;
    
16.                         }
    
17.                         .vdata li a:hover {
    
18.                         text-decoration: none;
    
19.                         }
    
20.                         .vdata li h3 {
    
21.                         margin-bottom:5px;
    
22.                         }
    
23.                         .vdata li img {
    
24.                         margin:2px 1px;
    
25.                         }
    
26.                         </style>
    
27.                         <div class="vdata">
    
28.                         <li title="权威认证">
    
29.                         <h3>权威认证</h3>
    
30.                                         $authorverifys
    
31.                         </li>
    
32.                         </div>

复制代码

3、这样我们就做好一个了，如图：

其他的大家就以此内推，比较简单了，不懂的跟帖留言哦。

这样好的东西，收了~{:soso__11759853488848172597_2:}

子非、 发表于 2012-11-30 12:01
没看见教程

编辑完毕了

先支持，后看

汗，有点不敢修改啊，能做成插件吗

貌似不错的 支持下

尹兴飞 发表于 2012-11-30 12:22
编辑完毕了

能不能把“主题”“好友”积分“”干掉呢？

子非、 发表于 2012-11-30 13:57
能不能把“主题”“好友”积分“”干掉呢？

那个你也要修改？下次出吧

尹兴飞 发表于 2012-11-30 16:31
那个你也要修改？下次出吧

这三个看着碍眼还没用处~
期待下次~

挺不错的