【分享】主題列表頁顯示作者頭像 (兩種顯示方式版本）

猫先森

大家好
有站長想在主題列表頁顯示作者頭像
搜尋了一下好像沒有 3.1 版本的教程

調整了一下頭像的顯示位置

https://bbs.admin7.cc/thread-6950-1-1.html

原本的代碼添加後
滑鼠移到頭像時不會顯示用戶名片
已修改代碼
滑鼠移到頭像時會顯示用戶名片了

分享給有需要的站長們^^

打開

template/default/forum/forumdisplay_list.htm 文件

查找

1. <cite>
   
2.                         
   
3.                                                                                 <!--{if $thread['authorid'] && $thread['author']}-->

复制代码

在這段代碼上方添加

1. <style>td.author { width: 150px; text-align: left; }</style><div style="float:left;width:28px;padding-top:4px;"><a href="home.php?mod=space&uid=$thread[authorid]" c="1"><img src="http://您的域名/uc_server/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;" /></a>
   
2. </div>
   
3. <div style="float:left;padding:6px 0px 0px 6px;">

复制代码

代碼中的 /uc_server/avatar.php?uid=$thread[authorid]&size=small
記得換成您自己的 UC 地址

如果你的 UC 是：uc_server
就不需要修改任何地方

如果您設置其他的請修改下 uc_server 為您自己的
如果不知道自己 UC 地址
在某個會員頭像上右鍵 屬性
即可查看到 UC 地址


添加的代碼中

width="25px" height="25px"

可以調整頭像的大小
數值愈大頭像愈大

當您調整了頭像大小後
就要調整頭像和用戶名稱的距離
不然頭像調大後
沒調整用戶名稱和頭像的距離
會距離太近很不美觀

添加的代碼中

width:28px

就是在調整頭像和用戶名稱的距離
數值愈大間距愈大


修改前請先備份
修改後記得更新緩存

修改前



修改後



第二種顯示方式




原本的代碼添加後
滑鼠移到頭像時不會顯示用戶名片
已修改代碼
滑鼠移到頭像時會顯示用戶名片了

打開

template/default/forum/forumdisplay_list.htm 文件

查找

1. <!--{if $thread['moved']}-->
   
2.                                                                                         {lang thread_moved}:<!--{eval $thread[tid]=$thread[closed];}-->
   
3.                                                                                 <!--{/if}-->

复制代码

                                               
在這段代碼下方添加

1. <style>td.author { width: 150px; text-align: left; }</style><div style="float:left;width:28px;padding-top:4px;"><a href="home.php?mod=space&uid=$thread[authorid]" c="1"><img src="http://您的域名/uc_server/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;" /></a>
   
2. </div>
   
3. <div style="float:left;padding:6px 0px 0px 6px;">

复制代码

修改試試

添加的代碼中

width="25px" height="25px"

可以調整頭像的大小
數值愈大頭像愈大

當您調整了頭像大小後
就要調整頭像和主題名稱的距離
不然頭像調大後
沒調整主題名稱和頭像的距離
會距離太近很不美觀

添加的代碼中

width:28px

就是在調整頭像和主題名稱的距離
數值愈大間距愈大

修改前請先備份
修改後記得更新緩存

修改前



修改後