Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[修改] 论坛使用大头像的修改

[复制链接]
大街 发表于 2009-7-10 22:39:06 | 显示全部楼层 |阅读模式
插件发布
插件名称: 论坛大头像
插件来源:
适用版本: Discuz! 7.0
语言编码: GBK简体 
最后更新时间:
插件作者: 大街
插件简介: 大街
本帖最后由 大街 于 2009-11-23 19:38 编辑

修改一句话
在viewthread_node.htm中
61行找到
$post[avatar]
修改成
  1. <img src="{echo discuz_uc_avatar($post['authorid'],'big',1);}" alt="" />
复制代码
效果见下。



希望多多交流。

式样补充:
为了解决大头像中出现的头像和卡片资料重叠的情况。
我对CSS做了一下修改。
就是把那个资料卡片移动到了下面。
而且因为原来头像距离左边太远,改了一下过来。
是这个样子的。


当然,这个是临时弄出来的,如果大家使用了发现有问题
留言告诉我,我再好好修改一下。

修改方法如下:
1,.postauthor .avatar { margin: 10px 20px; }把20改成10,即发帖头像距离左边距离拉近。
2,.userinfopanel { position: absolute; z-index: 9999; margin: -1px 0 0 9px; width: 500px; border: 1px solid {DROPMENUBORDER}; background: {WRAPBG}; filter: alpha(opacity=99); opacity: 0.99; }
把500改成360,9px改成4px,这个是对卡片方框而言,把宽度改窄,免得留下太多空白。把卡片的左边设置空白,头像正好移动到和原始头像重叠的地方。
3,.userinfopanel .avatar { margin: 0 0 10px 0 !important; }
把最后一个0改成5px。
4,.userinfopanel p { text-align: left; margin: 0 !important; padding: 0 !important; }
把margin那里改成margin: 0 15px !important; 这是为了让卡片的等级和原等级重合。
5,.profile_side li ,把后面margin属性改成这个,margin: 5px 5px;
6,.popuserinfo { float: left; width: 350px; padding: 5px 0; }
把padding改成padding: 5px 0px 0px 2%;就是把卡片资料放到下边。

不知道5,6楼同学的样式是怎么样的,可以给个截图看看吗
 楼主| 大街 发表于 2009-7-10 22:40:51 | 显示全部楼层
效果如下

当然,这是简单的修改,式样方面有一些问题。
我正在看,改好后告诉大家
回复

使用道具 举报

lovenr 发表于 2009-7-10 22:58:51 | 显示全部楼层
什么时候发布?
回复

使用道具 举报

 楼主| 大街 发表于 2009-7-10 23:04:11 | 显示全部楼层
我在DZ论坛找过,发现那个方法太复杂了
还是重新生成,担心耗资源会比较厉害
就想了这个方法。
就是直接调用大头像,而不是他默认的中等头像。
回复

使用道具 举报

kofip 发表于 2009-7-11 01:23:28 | 显示全部楼层
本帖最后由 kofip 于 2009-7-11 01:34 编辑

加上这句样式 应该就可以了
  1. style="max-width: 140px; width:expression(this.width > 140 ? "140px" : this.width)"
复制代码
  1. <img style="max-width: 140px; width:expression(this.width > 140 ? "140px" : this.width)" src="{echo discuz_uc_avatar($post['authorid'],'big',1);}" alt="" />
复制代码
有人再改进一下的吗?
回复

使用道具 举报

kofip 发表于 2009-7-11 01:44:41 | 显示全部楼层
  1. <img style="max-width: 140px; width:expression(this.width > 140 ? "140px" : this.width)" src="{echo discuz_uc_avatar($post['authorid'],'big',1);}" alt="" onerror="this.onerror=null;this.src='/uc_server/images/noavatar_middle.gif'" />
复制代码
差不多就是这样了吧,或者可以省点代码 把那个样式加到css_common.htm里面去
回复

使用道具 举报

ID:888888 发表于 2009-7-11 01:47:01 | 显示全部楼层
不错,测试可用。
E网通数码商城-上海数码与手机批发,开展手机代理,手机团购业务!

E网通数码商城致力于上海数码批发,上海手机批发事业,掌握手机货源,每天更新数码报价、手机报价与山寨手机报价,本站业务:数码批发,手机批发,手机团购与零售,期待各地手机和数码代理商,经销商,兼职销售者的加盟。

上海市闸北区天目西路188号3楼66-67号 Tel: 021-27688118
E-mail: zhouwei953@yeah.net

网址:www.ewt188.cn  社区:bbs.ewt188.cn
回复

使用道具 举报

 楼主| 大街 发表于 2009-7-11 02:39:44 | 显示全部楼层
为了解决大头像中出现的头像和卡片资料重叠的情况。
我对CSS做了一下修改。
就是把那个资料卡片移动到了下面。
而且因为原来头像距离左边太远,改了一下过来。
是这个样子的。


当然,这个是临时弄出来的,如果大家使用了发现有问题
留言告诉我,我再好好修改一下。

修改方法如下:
1,.postauthor .avatar { margin: 10px 20px; }把20改成10,即发帖头像距离左边距离拉近。
2,.userinfopanel { position: absolute; z-index: 9999; margin: -1px 0 0 9px; width: 500px; border: 1px solid {DROPMENUBORDER}; background: {WRAPBG}; filter: alpha(opacity=99); opacity: 0.99; }
把500改成360,9px改成4px,这个是对卡片方框而言,把宽度改窄,免得留下太多空白。把卡片的左边设置空白,头像正好移动到和原始头像重叠的地方。
3,.userinfopanel .avatar { margin: 0 0 10px 0 !important; }
把最后一个0改成5px。
4,.userinfopanel p { text-align: left; margin: 0 !important; padding: 0 !important; }
把margin那里改成margin: 0 15px !important; 这是为了让卡片的等级和原等级重合。
5,.profile_side li ,把后面margin属性改成这个,margin: 5px 5px;
6,.popuserinfo { float: left; width: 350px; padding: 5px 0; }
把padding改成padding: 5px 0px 0px 2%;就是把卡片资料放到下边。

不知道5,6楼同学的样式是怎么样的,可以给个截图看看吗
回复

使用道具 举报

Buuuuuug 发表于 2009-7-11 09:02:35 | 显示全部楼层
做个记号·~~
回复

使用道具 举报

Buuuuuug 发表于 2009-7-11 09:04:05 | 显示全部楼层
本帖最后由 Buuuuuug 于 2009-7-11 10:38 编辑

好像头像显示的太宽了,像6.0的 头像传上去宽最多150,觉得好看点,太宽了也不是很好看
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-9-28 05:54 , Processed in 0.117716 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表