伊侬 さんのプロフィール烟花绽放的瞬间フォトブログリスト ツール ヘルプ
    6月12日

    标题

    今天提供给大家一个组作业面定补签名图标的html语言,基本代码是:<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 300px; WIDTH: 468px; TOP: 50px; BORDER-COLLAPSE: separate; HEIGHT: 17px">
     .
    ..这里加入你的设计方案...
     </DIV >
    代码解释:
    注意:此代码是针对整个显示界面的,因此虽然是在blog里制作完成,但是可以根据调整下列坐标数值来改变图片的位置,只要是你想得到的,通过数值的仔细调整,它可以出现在你想要的任何位置上。这就是它的好处喽,不仅解决了置顶的问题,简直是想置在哪里都可以呢!
    LEFT: 280px       你要使用范围的左边距离.
    TOP: 184px         你要使用范围的上部距离.
    WIDTH: 299px      你要使用范围的宽度.
    HEIGHT: 17px    你要使用范围的高度.
    中间你的方案区域.可加入MSN Space允许的内容,如图片(包括计数器),文本等等...

    以下就是本人做的示范,看看我的space页面顶端,就会发现这个很有情趣的小变化,真是可爱的东东啊!

     

    space,

    此外,再提供给大家一些从“我爱我家”剽窃来的典型代码,希望能够有所帮助:

    1.图片:
    <DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 190px; WIDTH: 398px; TOP: 145px; BORDER-COLLAPSE: separate; HEIGHT: 135px">
    <IMG height=135 src="http://img296.echo.cx/img296/6821/toptitle4hj.gif" width=398 border=0>
    </DIV>

    2.图片+点击图片时的链接:

    <DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 530px; WIDTH: 50px; TOP: 232px; BORDER-COLLAPSE: separate; HEIGHT: 20px">
    <A href="http://spaces.msn.com/members/shengzhu/Blog/cns!1poIcYGZjJzjy54OultlhXnA!252.entry" target=_blank>
    <IMG height=20 alt=互做友情链接的朋友在这里留言. src="http://img297.echo.cx/img297/5396/button8rp.gif" width=50 border=0>
    </A>
    </DIV>


    3.文字:
    <DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 345px; WIDTH: 120px; TOP: 258px; BORDER-COLLAPSE: separate; HEIGHT: 16px">
    <FONT style="FONT-SIZE: 9pt" face=Arial color=#808080>此处为文字区</FONT>
    </DIV>

    4.文字+点击文字时的链接

    <DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 492px; WIDTH: 110px; TOP: 258px; BORDER-COLLAPSE: separate; HEIGHT: 16px">
    <A style="TEXT-DECORATION: none" href="http://spaces.msn.com/members/shengzhu-album/" target=_blank><
    FONT style="FONT-SIZE: 9pt" face=Arial color=#000080>照片/音视频日志</FONT>
    </A>
    </DIV>

    补充说明:
    它的坐标是针对整个主页. 不管是图片,计数器,还是文字.要计算好你要显示位置的坐标(LEFT,TOP).
    寻找每个图片/文字的坐标是很麻烦/很费事的.放一个要经过很多次测试...
    注意:不管是图片还是文字.如果有重叠的,后放的将覆盖前面放的.

    本案漏洞说明:

    A.中文简体空间上部没有广告.其他语言界面都有广告.
    用此方案时,中文简体和其他语言界面的相对坐标有所不同.会导致错位现象.
    在设计时要考虑一下此现象.

    B.还有(
    ZealousLynx)提示一个更大缺陷.
    用固定链接打开附有此段代码的日志时,
    此组置顶图片/计数器会显示在单篇日志的显示窗的图片绝对位置上.
    (会很滑稽的... 不过这种情况出现概率很小.除非此日志做了链接)

    C.此方法还没有实现完全置顶的目的.
    附有此组代码的日志如果被挤到主页显示日志个数之外.
    就不会显示,这时还需要复制此组代码到主页的日志里.
    不过减少了每次置顶的麻烦.

    看看这个东西的寿命会多长呢...?!

         

    コメント (8 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

    匿名 の表示アイコン
    ♡水仙♡ さんの投稿:
    好强阿,又是个美丽+智慧的MM
    8 月 21 日
    匿名 の表示アイコン
    逍遥乐er さんの投稿:
    北京人的地方,踩踩
    8 月 3 日
    匿名 の表示アイコン
    水清见底fish さんの投稿:
    我也加了你的链接!可以学不少东东哦,很喜欢!
    6 月 30 日
    匿名 の表示アイコン
    sunyu837 さんの投稿:
    看了你的留言,原来你不是学计算机的,可是你在计算机方面确实懂得挺多。学人力资源的,工作岂不是管理人,管理层啊。
    6 月 15 日
    匿名 の表示アイコン
    sunyu837 さんの投稿:
    计算机这么强,大学时是学计算机的吧,我也是,有空多交流。
    6 月 14 日
    匿名 の表示アイコン
    ∴彭彭∵ さんの投稿:
    刚看到你加我链接啦!我们公司今年有可能组织去海南玩,不过是7月><!
    6 月 12 日
    匿名 の表示アイコン
    Tokenizersu さんの投稿:
    呵呵 算是女中计算机达人了喔....顺带说一句,很喜欢你那张pose的照片...有点龙珠的风格啦
    6 月 12 日
    匿名 の表示アイコン
    吴瑾涵 さんの投稿:
    你的魔法盒里有好多好东东啊
    那个文字材质生成器可以直接在MSN或SPACES内使用吗
    6 月 12 日

    トラックバック

    この記事のトラックバックの URL は次のとおりです。
    http://sunyinong19820831.spaces.live.com/blog/cns!5C128D4F094AE206!792.trak
    この記事を参照しているブログ
    • なし