让Discuz!6.1主题列表显示作者头像+鼠标悬停显示完美大图

2008 10 24 01:41 AM 3326次查看

分类：Discuz! 标签：Discuz!

仍然是别人做的，我只是修改了下，让鼠标悬停时能显示不变形的大图，并能自动找到UC的所在地而已。
想看效果的，点论坛任意版块即可看到，测试兼容IE、firefox和chrome。

原帖没找到，只找到个转帖，也把链接贴上吧：
http://www.discuz.net/viewthread.php?tid=915615&page=1#pid7254411

用过几个版本，经过我修改后，这个版本所需改动的最少，效果已经近乎完美了，所以没啥好说的了。

打开forumdisplay.htm模板，搜索：
<td class="author">
在找到的第3处下面，加入如下代码：
<cite>
<div style="float:left;width:28px;padding-top:4px;">
		<span id="t$thread[tid]" onmouseover="showMenu(this.id)">
		  <img src="{UC_API}/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="{UC_API}/avatar.php?uid=$thread[authorid]&size=" class="ava_border" width="120px" height="160px" style="border:1px solid #ccc; padding:2px; margin:0px; background-color:#fff;" />
</div>
</cite>
鼠标悬停时我显示的是中等大小的图，若要显示大图，修改size=middle为size=large即可。
透明度可以改filter: Alpha(Opacity=85); opacity: 0.85;
如果想让悬停显示大图时，也显示作者名和发帖日期，可以在最后一个</div>前加上：
<br />作者$thread[author]<br />发布$thread[dateline]
不过主题列表已经显示了，所以我懒得重复显示了。
边框之类的设定就自己改吧，我对css一窍不通。

2条评论 你不来一发么↓ 顺序排列 倒序排列

    向下滚动可载入更多评论，或者点这里禁止自动加载。

    想说点什么呢？