[布局]建议发帖时间从右侧挪到左侧(左对齐)

论坛日常站务以及建议或咨询
回复
头像
xiaomao101
帖子: 474
注册时间: 2006-04-05 18:12
联系:

[布局]建议发帖时间从右侧挪到左侧(左对齐)

#1

帖子 xiaomao101 » 2010-03-22 16:41

先来看看我们目前论坛的发帖时间的位置,是“右对齐”,也就是说,屏幕有多大,“发帖时间”都会漂移到最右侧去。
我们论坛的帖子预览。
我们论坛的帖子预览。
对比一下ubuntuforums.org的布局,我们发现“发帖时间”是左对齐的。
ubuntuforums.org的帖子预览。
ubuntuforums.org的帖子预览。
ubuntuforums.org这么布局有什么好处呢?
先看看googlelab推出的一款工具http://browsersize.googlelabs.com/,作用就是让我们知道用户在访问论坛的时候目光主要停留在哪些位置。
下图是说明了用户浏览的时候目光集中在网页的左上角。(横轴和纵轴的数字都是分辨率)
Google Browser Size的区域图。
Google Browser Size的区域图。
如果将这张图放在我们的论坛上,我们可以得到下面的图片,这时候就能感受到,“发帖时间”已经在很远的位置了,也就是说用户如果要看发帖时间就会花上一段时间的功夫,才能“找到”。
当把Google这个区域图放在论坛上的效果。
当把Google这个区域图放在论坛上的效果。
为什么用户要看发帖时间呢?
如果是一开始混论坛的,一般都不在乎发帖时间是什么时候的,只管发帖就好了。
可是之后就会看到一些很老的帖子(比如一年前的),这个时候就习惯性看看最后一个人的发帖时间,再决定是否回复这个帖子。
至少我有很多次把“加入时间”误当作了“发帖时间”的情况了。

一种建议的布局
关于布局我个人觉得可以简单的将“发帖时间”放到“作者”和“内容”这一行,并覆盖掉“作者”和“内容”这几个字。
(请大家多讨论讨论其他的布局)
建议将“发帖时间”挪到上面这一行,然后左对齐。
建议将“发帖时间”挪到上面这一行,然后左对齐。
如何实现建议的布局
我用Firebug编辑了一下论坛的HTML。尽量最小的改动。
添加新行“<tr class="row1">”用于显示“发帖时间”,但是class属性row1中的1应该为变量,
也就是说每一个帖子顶部都得新建一行,9楼就得使用“<tr class="row9">”。

代码: 全选

<table class="tablebg" cellspacing="1" width="100%">

	<tbody>
	<!--
	==================================
	// We dont need to show this information.
	<tr>
		<th>作者</th>
		<th>内容</th>
	</tr>
	==================================
	-->
	
	<!--
	==================================
	// Add a new row. -->
	<tr class="row1">
		<th colspan="2">
			<div style="float: left;"><a href="./viewtopic.php?p=1766470#p1766470"><img src="./styles/UbuntuCN/imageset/icon_post_target_unread.gif" alt="有新帖" title="有新帖" width="12" height="9"></a><b>发表于 :</b> 2010-03-18  9:58&nbsp;</div>
		</th>
	</tr>
	<!-- // End of new row.
	==================================
	-->
	
	<tr class="row1">
		<td align="left" valign="middle">
			<a name="unread"></a><a name="p1766470"></a>
			1&nbsp;楼&nbsp;
			<b class="postauthor">
				<a href="#" onclick="insert_text('[b]ly58132762[/b], ', true, false); return false;"><span style="" class="username-coloured">ly58132762</span></a>
			</b>

		</td>
		<td width="100%" height="25">
			<table cellspacing="0" width="100%">
			<tbody><tr>
			
				<td class="gensmall" width="100%"><div style="float: left;">&nbsp;<b>文章标题 :</b> 如何查看空洞文件的实际大小??</div>
				<!--
				==================================
				// We change this div to a new row above this row.
				<div style="float: right;"><a href="./viewtopic.php?p=1766470#p1766470"><img src="./styles/UbuntuCN/imageset/icon_post_target_unread.gif" alt="有新帖" title="有新帖" width="12" height="9"></a><b>发表于 :</b> 2010-03-18  9:58&nbsp;</div>
				==================================
				-->
				</td>
			</tr>

			</tbody></table>
		</td>
	</tr>
最终效果:
经过Firebug修改后的页面,预览
经过Firebug修改后的页面,预览

参考:
Google Browser Size的介绍 - http://www.biaodianfu.com/google-browser-size.html
Google Browser Size官网 - http://browsersize.googlelabs.com/
JiangHui
论坛版主
帖子: 21308
注册时间: 2007-08-02 20:29
系统: 窓辺とうこ

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#2

帖子 JiangHui » 2010-03-22 16:49

就算知道发表时间,坟还是照样挖的
头像
wangdu2002
帖子: 13284
注册时间: 2008-12-13 19:39
来自: 物华天宝人杰地灵

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#3

帖子 wangdu2002 » 2010-03-22 16:55

挖坟有理。。。鞭尸无罪。 :em04
这个左右问题,某觉得没啥差别。。。其他兄弟可以自行探讨。 :em06
行到水穷处,坐看云起时。
海内生明月,天涯共此夕。
--------------------吾本独!
头像
hcym
帖子: 15634
注册时间: 2007-05-06 2:46

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#4

帖子 hcym » 2010-03-22 16:59

宽屏是方便些

某小屏

不知道一只眼们意下如何

:em04
头像
oneleaf
论坛管理员
帖子: 10441
注册时间: 2005-03-27 0:06
系统: Ubuntu 12.04

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#5

帖子 oneleaf » 2010-03-22 17:02

过几天考虑,需要做升级phpbb3,到时修改风格时,一并考虑。
头像
tenzu
论坛版主
帖子: 36924
注册时间: 2008-11-21 20:26

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#6

帖子 tenzu » 2010-03-22 17:09

反正我无所谓,能灌就行了
头像
萝莉控
帖子: 98
注册时间: 2009-11-12 18:35

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#7

帖子 萝莉控 » 2010-03-22 17:11

期待新风格
うるさい!うるさい!うるさい!
头像
adagio
论坛版主
帖子: 22110
注册时间: 2008-02-17 23:47
来自: 美丽富饶的那啥星球

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#8

帖子 adagio » 2010-03-22 17:34

油梨 :em11
明天就换大三八!
——8核CPU、8G内存、8T硬盘……
8卡交火,80寸大屏放8个……
IPv8的光纤要8条……

---------------------------------------------------------------------------------
[图片版]新手当自强(续)FAQ
[新手进阶]挂载、fstab、调整linux分区
[图片版]E17桌面环境配置手把手
t3swing
帖子: 1028
注册时间: 2008-11-01 21:42
来自: 树下板凳

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#9

帖子 t3swing » 2010-03-23 8:54

这个不成为挖坟的理由 ,浏览新帖的时候,难道你不关注 作者和发帖时间么 ?还有最新帖子这种信息么 ?
如果屏幕太小,分辨率太低,还是换吧 ,太小了伤眼
民族的脊梁,是踏实做事的人,非只知道骂街的泼妇。
头像
tenzu
论坛版主
帖子: 36924
注册时间: 2008-11-21 20:26

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#10

帖子 tenzu » 2010-03-23 9:11

t3swing 写了:这个不成为挖坟的理由 ,浏览新帖的时候,难道你不关注 作者和发帖时间么 ?还有最新帖子这种信息么 ?
如果屏幕太小,分辨率太低,还是换吧 ,太小了伤眼
很多人就是不关注啊,不然哪来挖坟党
就好象蓝屏的事,说的都想骂街了,一样有人不知道加速
头像
eexpress
帖子: 58428
注册时间: 2005-08-14 21:55
来自: 长沙

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#11

帖子 eexpress » 2010-03-23 9:27

那是blog的风格。不是forum的风格。
● 鸣学
头像
xiaomao101
帖子: 474
注册时间: 2006-04-05 18:12
联系:

Re: [布局]建议发帖时间从右侧挪到左侧(左对齐)

#12

帖子 xiaomao101 » 2010-03-23 9:54

谢谢大家的关注,只是一个小提议,就看大家怎么习惯好了。
或者投票啥的都行。
不过ee说的好一针见血
回复