|
MSN升级之后,所有采用加宽或单页面的主页都出现了底下或右侧的空白现象,尽管也有人使用修改一两个代码来消除着中空白,但实际上无非是将底下的空白转移到了右侧(至少在 IE 浏览器中是这样),而在此所说的方法则能完美解决空白现象.这种方法说的简洁点,就是再添加一个CUSTOM 模块(添加两个或多个Power Toy模块的方法按 此处 ),按下述步骤保存相应代码即可.
1.单页面宽版 [于2006/04/10] 在第二个custom模块中保存代码 </table><table style="display:none"><tr><td><table> ,然后将其放置在编辑页面的最底端即可.具体排列方式如下:
|
Custom HTML模块 |
|
想要隐藏的模组 |
|
网络日志栏 |
|
其他模组(如想放置在第二页面的模组) |
|
Custom HTML模块 |
补充说明:日志以及模块中代码应如下表,方可保证效果.且无论你采用 主页与模块列表分不同页面放置 的方法与否,都不受影响(下述不对称代码请不要删减,否则仍达不到消除空白的效果)
|
主Custom HTML模块代码: </table><table style="display:none"><tr><td><table> |
|
网络日志中代码: <PRE></TABLE></TABLE></TABLE></TABLE>
<TABLE style="WIDTH: 1000px; HEIGHT: 500px" cellSpacing=0 cellPadding=0 align=center bgColor=#000000 background=背景图 border=0> <TBODY> <TR> <TD> 编辑内容 </TD></TR></TBODY></TABLE>
<PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE><PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE><PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE> |
|
从Custom HTML模块: </table><table style="display:none"><tr><td><table> |
2.普通宽版页面 虽然本人使用的版面是单页面的,但基于许多朋友热衷于普通宽版,因而今天又就普通宽版进行了测试,效果见我的『测试空间』.普通宽版消除空白的方法大同小异,与单页面的区别仅在于实现宽版的代码,具体版面与代码如下(为减少步骤,建议先调整版式):
普通宽版建议使用左宽右窄两栏,其布置如右表: (两栏是为美观,其他版式亦同样能消除空白) |
主Custom HTML模块 |
其他列表或模块 |
|
网络日志栏 |
从Custom HTML模块 |
|
其他列表或模块 |
|
Custom HTML模块中添加的代码 |
从Custom HTML模块: <pre> </tr></table><table style="display:none"><tbody><tr><td><div><table><pre></pre> <pre> </tr></table><table style="display:none"><tbody><tr><td><div><table><pre></pre> <pre> </tr></table><table style="display:none"><tbody><tr><td><div><table><pre></pre> |
|
主Custom HTML模块: </table> |
3.单页面两栏结构 [于2006/05/28] 今天看到"空♡中๑芭♡蕾"的留言,因而想到有了写出这种版式消除空白的方法的必要,而之前因为种种原因忽略了.刚才测试了一下,发现实现也很简单,其消除空白的方法需要综合上述两种宽版的形式,效果见我的〖测试空间〗.具体版面形式与代码如下(为减少步骤,建议先调整版式):
|
主Custom HTML模块 |
其他列表或模块 |
|
想要隐藏的模组 |
从Custom HTML模块 |
|
网络日志栏 |
|
主Custom HTML模块代码: </table><table style="display:none"><tr><td><table> |
|
网络日志中代码: <PRE></TABLE></TABLE></TABLE></TABLE>
<TABLE style="WIDTH: 780/820px(具体值看个人喜好,推荐值780); HEIGHT: 500px" cellSpacing=0 cellPadding=0 align=center bgColor=#000000 background=背景图 border=0> <TBODY> <TR> <TD> 编辑内容 </TD></TR></TBODY></TABLE>
<TABLE><PRE></TR></PRE><TBODY></TBODY></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE> |
|
从Custom HTML模块: <PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE><PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE><PRE> </TR></TABLE><TABLE style="DISPLAY: none"><TBODY><TR><TD><DIV><TABLE><PRE></PRE> |
注意:1.使用普通宽版,若W.M.P设置为Invisible,排在右侧窄栏则W.M.P会被隐藏. 2.主从custom模块的先后关系为从上至下,从左至右.因此,若是采用普通宽版或单页面两栏结构,则放在末尾的从custom模块应该是位于右侧栏的最底端. 3.关于版式变化时主从模块中代码变化的问题:[2006/05/21]由于此类问题具有普遍性,故在此一并补充说明. 问题原由:由于两个模块的主从关系,当版式变化时(如增减列表模块,改变列表位置或内容等),主从模块中的内容都将与主模块一致. 解决方法:①主模块保存从模块中所需要的代码(即从模块中的预设代码; ②移动从模块位置(或其他使版式变化的操作,如增减相册,列表移位等等),使得两个模块变成相同的内容,即从模块中的预设代码; ③把从模块移至预定位置(即末尾),保存版式.由于两个模块此时保存的都是从模块中预设的预设代码,此步操作将不发生模块中代码变化; ④将主模块中的内容改成主模块的预设代码,保存即可. ⑤附注:以上所说的4个步骤其实很简单,一两分钟即可实现效果.
By 夜凉如水 |