作者jtmh (惨。累。)
看板Blog
标题Re: [Blogger] 官方版本留言头像功能发布
时间Tue Sep 22 05:18:40 2009
※ 引述《jtmh (惨。累。)》之铭言：
: 更正：事实证明我错了，Blogger Buster 上已经有读者留言提出方法：
: .avatar-image-container img {
: background: url(
: http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/LeBlogger.jpg);
: width: 35px;
: height: 35px;
: }
: 原文网址请参阅 http://tinyurl.com/mqhm53 。
[...]
: 更正关於无法在头像功能中显示匿名人像，甚至把图示都改成 35x35 像素的描述，
: Blogger Buster 上已经有读者留言提出以 CSS 的方式来达成该目标。
: ※ 编辑: jtmh 来自: 218.175.148.125 (09/20 20:43)
: 推 hguei:强制35*35会使得部分头像变形~所以不是完美解 09/21 21:03
: 推 kevin814:要保持长宽比好像可以试试看jQuery..又会拖到读取速度orz 09/21 22:30
头像以 35x35 像素显示是这次官方头像功能预设的做法，
并不是 Blogger Buster 上那位读者自己定的，
不过倒是真的有非常少部分的头像会以非 35x35 正方显示，
我印象中有看过一次是显示成长方形的，但原因不明。
Blogger Buster 那位读者提出的方法主要的缺点在：
1. Blogger 留言者未设头像时
2. OpenID 使用者留言时
上列两种情况下会分别显示以前就有的 16x16 的 Blogger 与 OpenID 图示，
但是因为他在 CSS 中指定以 35x35 显示，所以图示看起来会放大失真。
这个问题在
http://www.bloggerplugins.org/ 有篇文章用了其他方法避掉了，
文章网址在
http://tinyurl.com/ltr9re ，他的写法是：
.avatar-image-container {
background: url(
http://2.bp.blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/
AAAAAAAAAwA/xaGlRIqkHDw/s400/default.gif);
width: 35px;
height: 35px;
}
.avatar-image-container img {
border: none;
}
基本上他是把要加入的那张背景图改放在 .avatar-image-container，
而非其内的 img，因此在 img 中的 Blogger 或 OpenID 图示就不会失真了，
Blogger 或 OpenID 图示会变成显示在背景图的右上角，请参考：
http://img441.imageshack.us/img441/8326/avatarh.png
这样感觉好像有比较好看一点 @@？
另外，在找相关资料的过程中，我发现了一篇很棒的头像 CSS 调整文章：
http://tinyurl.com/n4h3yf (经 Google 翻译为英文版，有些 CSS 码乱掉了)
http://tinyurl.com/my8glr (原文版，西班牙文，请对照上面英文版服用)
里面讲到了如何把头像移到留言的右侧、如何只针对非头像的部分修改…等，
有兴趣想做这方面微调的版友可以参考看看。
--
▂ ▅ ▄▃ ▄ ▃ ▃
﹉ ? ﹉▇ 有时候逃避, 是因为面对太麻烦。 =╬=╬=
ForSinSoKing@Ptt ___ ___★ ▃
? = =?= ___ ___ ▊|▎ ▊|▎ =?=
◢ ◣ ▂﹎▲▃ ▁ ▊|▎ 鹅▊|▎▂▃▊ ▎▲▃ ▊ ▎▃▂▲ ▂
╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬=╬ =╬ForSinSoKing
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.175.144.34
1F：推 hguei:#comments-block .avatar-image-container.avatar-stock img 09/22 14:50
2F：→ hguei:{ display:none;} 似乎可以解决背景图右上角的问题 09/22 14:51
3F：→ jtmh:不过这麽一来只要是没有设 Blogger 头像的，包括使用 OpenID 09/22 17:12
4F：→ jtmh:帐号、或是以匿名身分留言的，全都会显示为那张背景图，而没 09/22 17:13
5F：→ jtmh:办法分辨他们的身分。我想这也许要看各人的喜好而定了。 09/22 17:16
6F：推 mchen11:这两篇实在太棒了 12/15 18:38