Profil von 行鹄夜凉如水BlogListen Extras Hilfe

Blog


    完全消除宽版主页多余空白(原创)

         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  夜凉如水                    

    Kommentare (63)

    Bitte warten...
    Der eingegebene Kommentar ist zu lang. Bitte kürzen Sie ihn.
    Sie haben keine Angabe gemacht. Bitte versuchen Sie es erneut.
    Ihr Kommentar kann im Moment leider nicht hinzugefügt werden. Bitte versuchen Sie es später erneut.
    Zum Hinzufügen eines Kommentars ist die Erlaubnis von einem Elternteil erforderlich. Erlaubnis einholen
    Der Elternteil hat die Kommentarfunktion deaktiviert.
    Ihr Kommentar kann im Moment leider nicht gelöscht werden. Bitte versuchen Sie es später erneut.
    Sie haben die maximale Anzahl an Kommentaren, die pro Tag zugelassen sind, überschritten. Versuchen Sie es in 24 Stunden erneut.
    Kommentare wurden in Ihrem Konto deaktiviert, da in unseren Systemen angegeben wird, dass Sie anderen Benutzern möglicherweise unerwünschte E-Mails versenden. Wenn Sie der Meinung sind, dass es sich beim Deaktivieren Ihres Kontos um einen Fehler handelt, wenden Sie sich an Windows Live Support.
    Schließen Sie die Sicherheitsüberprüfung unten ab, damit Sie ein Kommentar hinterlassen können.
    Die bei der Sicherheitsüberprüfung eingegebenen Zeichen müssen den Zeichen im Bild oder in der Audiodatei entsprechen.

    Melden Sie sich zum Hinzufügen eines Kommentars mit Ihrer Windows Live ID an (wenn Sie Hotmail, Messenger oder Xbox LIVE verwenden, besitzen Sie eine Windows Live ID). Anmelden


    Sie haben noch keine Windows Live ID? Registrieren

    Kein Nameschrieb:
    wow gold!All wow gold US Server 24.99$/1000G on sell! Cheap wow gold,wow gold,wow gold,Buy Cheapest/Safe/Fast WoW US EU wow gold Power leveling wow gold from the time you World of Warcraft gold ordered! wow power leveling wow power leveling power leveling wow power leveling wow powerleveling wow power levelingcheap wow power leveling wow power leveling buy wow power leveling wow power leveling buy power leveling wow power leveling cheap power leveling wow power leveling wow power leveling wow power leveling wow powerleveling wow power leveling power leveling wow power leveling wow powerleveling wow power leveling buy rolex cheap rolex wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow gold wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling wow power leveling -52657085924428
    19 Juni
    冇牙啲狼schrieb:
    不错,今天灵感好一点,终天看懂了,谢谢
    1 Aug.
    棺牺 宸schrieb:
       好象算是成功了   呵呵   多谢了啊!~~
    30 Juli
    行鹄schrieb:
    to  zxl:
       你主custom模块中按上述保存的是</table>,如果要在模块中同时显示图片,把图片显示的代码加到主模块中 </table> 前即可.
     
    to ღeithYღ:
      看过了你空间,你CUSTOM模块中的代码没有按要求设置,代码混乱导致了问题.因为你空间全设置了白色背景,也看不出你用的版式位置,所以查找问题很难,建议你再仔细看看加宽的方法吧,先到测试空间测试.
      最近一直在外地培训,没有自由时间,回复的太晚,请谅解. : )
     
    to ღღ爱新觉罗yoyo郡主ღღ:
       你空间现在的效果是普通宽版,右侧还有空白,第二个CUSTOM模块就是为消除右侧多余的空白,即隐藏空间页面底下的滚动条.
    23 Juli
    zxl zhangschrieb:
    研究了一个下午,终于弄好了,很有成就感啊,谢谢了啊
    不过我日志顶上PP的图画没有了啊怎么弄啊,快教教我啊
    55555555555555555555555
    18 Juli
    kschrieb:
    做宽了必须要用两个Custom HTML模块吗?可以去看看我的空间,想做宽了就是不会弄了,费了我好多的时间!百忙中给点指教吧。。。。。。
    30 Juni
    Eithyschrieb:
    本来用的是两栏的 现在换宽版的了
    我代码弄好了以后日志不能回复了
    而且日志下面的相册版块也不能显示
    背景音乐也没有了
    ……麻烦你一下了
    28 Juni
    Gailschrieb:
    成功了~:)~!谢谢了!
    25 Juni
    Gailschrieb:
    帮忙看一下吧.....:(~~
    25 Juni
    行鹄schrieb:
    to ★三角┮精灵★:
       从模块保存了<PRE> ……<PRE></PRE> 那一段代码后就可以完全消除空白了。
    我看过了你的空间,似乎你还是不知道怎样在从模块中添加不同主模块的代码,我现在也很忙,没时间细说,你还是仔细看看问题3吧。要是你实在不会,则从模块不用,至少是能实现加宽日志栏效果的
    17 Juni
    不好意思,我还是看不明白!到底怎样消除多余的空白呢?
    17 Juni
    行鹄schrieb:
    to ☆┊☆┊ஐ♥you四哥小站:
      添加第二个custom模块的方法按“  此处 ”。
     
    to 流风静海:
      第三个版面是只显示一篇日志,并且隐藏了这篇日志的回复以及网络日志的标题栏,即单页面的效果;(我的测试空间采用自定义主页背景语法4后,已经不是单页面了)
      页面上端有1cm左右高度的空白,是正常现象,由于custom模块处在该位置而占用的空间。
    16 Juni
    Port Sunschrieb:
    我的问题解决了一半了, 按照自定义背景教程作了以后,右边的空隙奇迹般的消失了,现在就是模块透明的问题和上面缺了一块的问题了
    16 Juni
    Port Sunschrieb:
    我的空间还是有问题啊~~~现在去看:1024*768分辨率下右边还是有一条空白,主页背景也没跟着扩宽,模块也不能半透明显示了.多谢回复,现在的情形是按照你的答复选第二项:普通宽版来做的.
    PS:第二个和第三个版面有什么区别?不都是左宽右窄两栏吗?
    16 Juni
    我想要你一样的空间背景,就是不知道怎么搞我也有两个HTL摸块
    16 Juni
    行鹄schrieb:
    to 泛范:
      登陆空间,点击网络日志 “添加项”或者“最新发布的项“,进入编辑模式,再点 <html> ,就可以编辑日志代码了。
    13 Juni
    Lihong Baoschrieb:
    如何向网络日志中添加代码?
    13 Juni
    行鹄schrieb:
    to 流风静海:
      你的空间用的是普通宽版,似乎已经没有问题了,^_^
    12 Juni
    Port Sunschrieb:
    您好!照您说的弄了以后。我的space显示为空了…………我的是第三种情况,以前添了一个模块扩宽了叶面,看到你的方法后又加了一个,如法设置,想把那最后一点的空白填掉,结果都显示不了了。能看看哪里出问题了吗?
    12 Juni
    行鹄schrieb:
    to  ★三角┮精灵★ :
       从模块中添加不同于主模块代码的方法请看 注意3 的解决方法 ,此二者是通用的.
    8 Juni

    Trackbacks

    Die Trackback-URL für diesen Eintrag ist:
    http://danxinghu.spaces.live.com/blog/cns!A6C87D9F28C0FDBB!993.trak
    Weblogs, die sich auf diesen Eintrag beziehen
    • Keine