Windows LiveWindows Live™
 
 
Heidi 的个人资料咫尺的眺望｡照片日志列表 工具 帮助

日志
    2005/7/26

    几种有用的代码

    几种有用的代码

    一、立体彩色边框

    1、单线: <div style="border: solid 2px gold; background-color: ivory">单线</div>
    2、双线: <div style="border: double 3px gold; background-color: ivory">双线</div>
    3、虚线: <div style="border: dashed 2px gold; background-color: ivory">虚线</div>
    4、点线: <div style="border: dotted 2px gold; background-color: ivory">点线</div>
    5、外凸线: <div style="border: ridge; background-color: ivory">外凸</div>
    6、内凹线: <div style="border: groove; background-color: ivory">内凹</div>
    7、凸面: <div style="border: outset; background-color: ivory">凸面</div>

    二、背景图片

    <IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
    <DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
    <DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
    <P><FONT color=#000000 size=2>你的日志文字</FONT></P>
    </DIV></DIV>

    三、滚动文体框

    <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>
    四、文字光影效果

    1、阴影：<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
    2、发光：<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
    3、模糊：<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>

    五、插入背景音乐

    <P><IMG height=0 loop=infinite dynsrc="背景音乐地址" width=0 border=0></P>

    六、添加视频

    <P><IMG height=150px width=150px loop=infinite dynsrc=流媒体文件链接></P>
    七、缤纷背景

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

    八、新链接

    <A title="" href="链接地址" target="_blank">Link的名称</A>

    九、增加列表

    javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if(
    l.indexOf(p) != -1 ){ l=l.substring(0+p.length);
    l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new
    Array('List Name'),null,new Array('128'),p+l+'/PostAcceptor.aspx',null);}

    十、添加计数器

    <img border="0" src="http://www.amazingcounters.com/counter.php?i=237535&c=712918">
    十一、添加新列表
    javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if( l.indexOf(p) != -1 ){ l=l.substring(0+p.length); l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new Array('List Name'),null,new Array('128'),p+l+'/PostAcceptor.aspx',null);}
    23:58 | 添加评论 | 固定链接 | 写入日志 | 计算机与 Internet