【多種簡便方式】主题列表显示作者小头像 Discuz! 6.1.0○【新增完美版五格】

我試驗了好幾個版本的美化都存在問題，唯有 buachompoox 提供的修改方式完整，轉發上來大家共享！
感謝 buachompoox  ！！！

【演示】http://aeshow.cn/bbs/forumdisplay.php?fid=18




打开 templates/default 目录下的模板文件 forumdisplay.htm 找到

1.      <td class="author">
   
2.                                         <cite>
   
3.                                         <!--{if $thread['authorid'] && $thread['author']}-->
   
4.                                                 <a href="space.php?uid=$thread[authorid]">$thread[author]</a>
   
5.                                         <!--{else}-->
   
6.                                                 <!--{if $forum['ismoderator']}-->
   
7.                                                         <a href="space.php?uid=$thread[authorid]">{lang anonymous}</a>
   
8.                                                 <!--{else}-->
   
9.                                                         {lang anonymous}
   
10.                                                 <!--{/if}-->
    
11.                                         <!--{/if}-->
    
12.                                         </cite>
    
13.                                         <em>$thread[dateline]</em>
    
14.                                 </td>

复制代码

替换为：

1.                <td class="author">
   
2.                                         <div style="float:left;width:26px;padding-top:4px;">
   
3.                                           <img src="http://你的UCenter地址/avatar.php?uid=$thread[authorid]&size=small" class="ava_border" width="24px" height="24px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
   
4.                                           </div>
   
5.                                         <div style="float:left;padding:2px 0px 0px 4px;">
   
6.                                         <cite>
   
7.                                         <!--{if $thread['authorid'] && $thread['author']}-->
   
8.                                                 <a href="space.php?uid=$thread[authorid]">$thread[author]</a>
   
9.                                         <!--{else}-->
   
10.                                                 <!--{if $forum['ismoderator']}-->
    
11.                                                         <a href="space.php?uid=$thread[authorid]">{lang anonymous}</a>
    
12.                                                 <!--{else}-->
    
13.                                                         {lang anonymous}
    
14.                                                 <!--{/if}-->
    
15.                                         <!--{/if}-->
    
16.                                         </cite>
    
17.                                         <em>$thread[dateline]</em>
    
18.                                         </div>
    
19.                                 </td>

复制代码

******************************************************************************************************************

7樓有鼠標懸停在小頭像上顯示大頭像的效果，也不錯！！！

  千萬別忘了更換你的UC地址，要不然不顯示頭像……


新增加 超級綠色 超級簡單 完美五格 美化！


首頁五格 效果截圖


首頁五格 壓縮包下載


[ 本帖最后由 爱啦呀 于 2008-5-4 08:43 编辑 ]

不要误导大家，还少一个文件哪，avatar.php呢？

只修改这一个部分??

恩。。不错。。这个没有问题。。是目前最好的

OK，没问题，安装成功，就是要注意下  换上的代码中要写上自己的UC地址的哦！~不注意的话可能会被忽略，我就差点没改，嘿嘿！~~~

http://aeshow.cn/bbs

可以看下，哈哈！~~

原帖由 郭鑫 于 2008-5-1 17:36 发表
不要误导大家，还少一个文件哪，avatar.php呢？

大哥，你能不能看完我的文字？我試過好幾個了，就這個好用，所以轉過來了……

你說的兩個文件的是由縮略圖功能的那個吧？

這個我也成功安裝了，鼠標懸停在小頭像上會顯示圖像放大圖！

   成功使用的朋友請發個鏈接上來，謝謝啊！

  呵呵～看到這個帖的兄弟姐妹們：麻煩你幫頂一下帖子，鞠躬了！（小心：不頂不發……）

**************************************************************************************

[dz6.1.0] 主題列表顯示公告、主題作者頭像 (會顯示圖像放大圖)
美化: 主題列表顯示公告、主題作者頭像
作者: GamerLC.com 螞蟻
適用: DZ6.1.0
演示: 遊戲學園
首發: 遊戲學園–Discuz! 應用

安裝前須知:  


一.請備份須修改的模版，可自行修改語法，以符合你的論壇風格
二.請將代碼裡二處http://xxx.xxx.xxx/xxx，改為自己論壇對應的ucenter資料夾


如我站為 http://www.gamerlc.com/ucenter/

*******************************************************************************************

安裝步驟:
在 forumdisplay.htm 模版

找以下代碼第二個 (有三個) 代码:

<td class="author">

下面加上代码:

                                        <cite>
                                        <div style="float:left;width:28px;padding-top:4px;">
                                                <span id="t$thread[tid]" onmouseover="showMenu(this.id)">
                                                  <img src="http://xxx.xxx.xxx/xxx/avatar.php?uid=$announcement[authorid]&size=small" class="ava_border" width="25px" height="25px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
                                                </span>
                                        </div>
                                        <div style="float:left;padding:2px 0px 0px 6px;">
                                        <div class="headermenu_popup" align="left" id="t$thread[tid]_menu" style="display: none;background-color:#FFFFFF;filter: Alpha(Opacity=85); opacity: 0.85; width:auto;">
                                                <img src="http://xxx.xxx.xxx/xxx/avatar.php?uid=$announcement[authorid]&size=" class="ava_border" width="120px" height="120px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
                                        </div>
                                        </cite>

*********************************************************************************************************
                                       
找以下代碼第三個 (有三個)代码:

<td class="author">

下面加上代码:

                                        <cite>
                                        <div style="float:left;width:28px;padding-top:4px;">
                                                <span id="t$thread[tid]" onmouseover="showMenu(this.id)">
                                                  <img src="http://xxx.xxx.xxx/xxx/avatar.php?uid=$thread[authorid]&size=small" class="ava_border" width="25px" height="25px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
                                                </span>
                                        </div>
                                        <div style="float:left;padding:2px 0px 0px 6px;">
                                        <div class="headermenu_popup" align="left" id="t$thread[tid]_menu" style="display: none;background-color:#FFFFFF;filter: Alpha(Opacity=85); opacity: 0.85; width:auto;">
                                                <img src="http://xxx.xxx.xxx/xxx/avatar.php?uid=$thread[authorid]&size=" class="ava_border" width="120px" height="120px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
                                        </div>
                                        </cite>

******************************************************************************************************

小圖標


鼠標放上之后大圖標顯示效果

[ 本帖最后由 爱啦呀 于 2008-5-2 00:13 编辑 ]

頂一下帖子

【注意】7樓的大圖像效果是120X120的正方形，你可以把兩處 width="120px" height="120px" 后邊的這個 height="120px" 改成 height="160px"，這樣頭像的效果就是你上傳頭像的那個大圖效果了，不走形，非常完美！

呵呵～為人民服務精神永存！

路过收藏～。。。。