ally's profileAlly{37N47;122W25}PhotosBlogLists Tools Help
    March 07

    常用HTML命令整理

     文绕图

    <img src="图片地址" align="right">

    *align="right":图靠右 left-图靠左

     Hosted by Lyn

     加线框

    <div style="border:1px solid #000000;">实线</div>

    <div style="border:1px double #000000;">双实线</div>

    <div style="border:1px dashed #000000;">虛线</div>

     

  • 一般常用線條 : solid(實線) dotted(點) dashed(虛線) double(雙線)
  • 立體效果線條 groove(立體內凸框) ridge(立體浮凸框) inset(凹框) win-inset(凹框2) outset(凸框)
  •  Hosted by Lyn

     加背景底色

    <div style="width:100%;height:100%;background-color:#990000;"><p>文本</p></div>

     Hosted by Lyn

     彩色文字效果

    阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

    发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

    模糊:<FONT color: #xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>

    *红色为颜色代码 

     Hosted by Lyn

     滚动文本框

    <DIV align=center
    style='
    color: #ffffff;
    background-color: #000000;
    border: solid 2px black;
    width: 120px;
    height: 200px;
    overflow: scroll;
    scrollbar-face-color: #889B9F;
    scrollbar-shadow-color: #3D5054;
    scrollbar-highlight-color: #C3D6DA;
    scrollbar-3dlight-color: #3D5054;
    scrollbar-darkshadow-color: #85989C;
    scrollbar-track-color: #95A6AA;
    scrollbar-arrow-color: #FFD6DA;
    '>日志文字</DIV>

     

    *红色为可改数值 

     

    透明文本滚动框

    <DIV align=center
    style='
    color: #ffffff;
    border: solid 0px black;
    width: 120px;
    height: 200px;
    overflow: scroll;

    OVERFLOW-X: Hidden;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: #FFD6DA;
    '>日志文字</DIV>

    Hosted by Lyn 

     图片背景

    <div align=center>
    <div style="WIDTH: 本文寬; ">
    <img src="背景圖片" width="100%" align="right">
    <div style="float:left;
    WIDTH: 100%; ">
    內容
    </div></div></div>

    图片滤镜(加在 align="right" 后)

    style="FILTER: alpha(opacity=100, finishOpacity=0,style=2)"

    ■可收改參數

    opacity             -->設定起始處的透明度
    finishOpacity     -->設定結束處的透明度
    style                -->0:均勻、1:線狀、2:圓形、3:長方形

     Hosted by Lyn

     LOGO链接

    <a href="URL地址 " target="_blank">
    <img src="图片地址" border="0" width="图宽" height="图高"></a>

     Hosted by Lyn

     添加背景音乐

    <P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>

    *msn space 已可以直接连接Media player

    详情请参阅:Windows Media Player PowerToy 教學

     Hosted by Lyn

     图片并排背景

    <TABLE width="100%" background=圖片地址 border=0>
    <TBODY>
    <TR vAlign=top align=left>
    <TD>
    <P>文本</P></TD></TR></TBODY></TABLE>
     Hosted by Lyn

    网志背景

    <PRE></TABLE></TABLE>
    <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 background="圖片地址" border=0><TBODY><TR><TD><DIV><TABLE></PRE>
    Hosted by Lyn
      <TABLE>制作背景图片
    <TABLE style="WIDTH: 373px; HEIGHT: 322px" borderColor=#000000 cellSpacing=13  background=图片地址  border=3>
    <TBODY>
    <TR>
    <TD>
    在这里添加你的文字或者链接
    </TD>
    </TR>
    </TBODY>
    </TABLE>
     
    查阅原创MSN技术归总==>效果图
    在背景图片加滚动条

    <TABLE style="WIDTH: 380px; HEIGHT: 411px"  background=图片地址 border=0>
    <TBODY>
    <TR>
    <TD>
    在这里填入滚动文本的标题文字
    </TD>

    </TR>
    <TR>
    <TD>
    <DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">

    在这里填入滚动文本框里的文字

    </DIV>

    </TD>

    </TR>

    </TBODY>

    </TABLE>

    查阅原创MSN技术归总==>效果图

    Hosted by Lyn
    实现网志右移

    *先在SPACE里添加上Custom HTML PowerToy(添加方法

    *在Custom HTML PowerToy里加</td></table>这个命令

    *选择左宽右窄的版块,将网志放在左边。把Custom HTML PowerToy放 在网志的上边,再把其它列表放在右边.

    网志右移即可实现!!

    如有问题请给我留言!!

    Hosted by Lyn

    资料来源:国良先生小绿人过去 现在 未来 MSN Space技巧归总

    本日志最后更新:2005-10-08

    Hosted by Lyn

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://allychieng.spaces.live.com/blog/cns!238AC9756580EF21!402.trak
    Weblogs that reference this entry
    • None