Windows LiveWindows Live™
 
 
个人资料存素材、教学之地照片日志列表 工具 帮助

日志
    6月5日

    代码——感谢还猪哥哥

    注意：首页新增添背景图集锦~~~

    而且改了主页的设置，原来进不去的朋友们，现在能进去了。

    ¤彩色背景¤

    <div style="width:100%;height:100%;background-color:#ffb6c1;">日志文字</div>

     

    ¤图片¤

    <IMG height=50 src=图片的地址 width=60>
    图片的网址：是指要找图片的URL地址。形如http://xxx.xxxx.com/xxx.jpg
    height代表图片高度50，width代表图片宽度60。一般情况下，我们贴图不需要指定这两个参数，除非特殊情况下你需要自己指定大小的时候。所以一般情况下，使用如下的代码帖图即可。
    <IMG src=http://xxx.xxxx.com/xxx.jpg>
    对于页面中图片位置的控制，可以使用日志编辑器里简单命令，另外也可通过加入下述语法实现图片与文字的完美结合。举例如下：
    align=left 文字置于图片的右边，并与其紧密结合
    align=right文字置于图片的右边，并与其紧密结合
    align=top 文字对齐图片顶端
    align=middle 文字对齐图片中部
    align=bottom 文字对齐图片底端

     

    ¤背景音乐¤

    <IMG height=0 loop=infinite dynsrc=音乐的网址 width=0 border=0>
    音乐的网址：是指要找音乐的URL地址。形如http://xxx.xxxx.com/xxx.wma
    Loop控制循环次数，infinite代表不停循环。
    一般只推荐wma格式的音乐文件，由于mp3文件过大，开始播放前需要等待时间过长，不适合做背景音乐。

    ☞㊀为背景音乐加个图标

    先解释一下原始背景音乐代码的含义
    <IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0>
    其中，height=0与width=0分别代表显示的高与宽。因为背景音乐是通过图片代码来间接定义的，所以这两项都为0，如果你随便设个正数，就会在你的日志中显示成“红叉图” ，但不影响音乐的播放。
    loop=infinite代表音乐循环的次数，infinite代表无限次播放。如果只想播放一次，去掉整个参数即可。如果需要循环2次以上，直接设定相应数值，比如loop=2。
    有的朋友问，可不可以在代码中一次性加入多首音乐排列播放，很遗憾的告诉您不可以。

    进入正题。修改后的代码

    <IMG height=B loop=infinite dynsrc=音频文件链接地址 src=图标文件链接地址 width=A border=0>
    比上面，需要多定义的参数有height=B，width=A。A与B分别定义的是显示图标的宽与高。此两项必须定义，否则会看不到图标。
    src=图标文件链接地址，就是你要用的显示图标的地址。
    举例说明。比如想用作为你的图标。
    其图片链接地址为http://spaces.msn.com/mmm2005-05-13_18.25/RTE/emoticons/music_note.gif
    代码即为
    <IMG height=15 loop=infinite dynsrc=音频文件链接地址 src=http://spaces.msn.com/mmm2005-05-13_18.25/RTE/emoticons/music_note.gif width=15 border=0>

    这样做的好处，是可以通过右键点击图标，在菜单中选择“播放/停止”来控制音乐的播放。

    ¤视频¤

    <IMG height=240px width=320px loop=infinite dynsrc=流媒体文件链接>
    IMG后的Height和Width分别控制视频画面的高度和宽度，你可以根据需要自行调整，如果这里你都设置成0的话，那么就只有音乐看不到图像，这也等同于插入背景音乐的效果。Loop控制循环次数，infinite代表不停循环。
    对于页面中视频位置的控制，可以使用日志编辑器里简单命令，另外也可通过加入下述语法实现视频与文字的完美结合。举例如下：
    align=left 文字置于视频的右边，并与其紧密结合
    align=right文字置于视频的右边，并与其紧密结合
    align=top 文字对齐视频顶端
    align=middle 文字对齐视频中部
    align=bottom 文字对齐视频底端

    注意：MSN空间好像做了调整，视频插入已经不能了。其他的效果还是可以的

    ¤彩色边框¤

    <div STYLE="border-style:solid;border-width:5pt; border-color:blue">日志文字</div>

    <DIV style="BORDER-RIGHT: #ddcc00 2px solid; BORDER-TOP: #00ccdd 2px solid; BORDER-LEFT: #ffee99 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #ccffcc">日志文字</DIV>

     

    ¤双线框¤

    <div STYLE="border-style:Double;border-width:5pt; border-color: #f0e68c">
    <div style="width:100%;height:100%;background-color:#66cdaa">日志文字</div></div>

    ¤立体线框¤

    <div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
    border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#f0e8cd">日志文字</div></div>

     

    Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
    Border-left-color: #xxxxxx边框颜色
    Border-left-width: xpt 边框粗细

     

    ¤滚动文本框¤

    <DIV align=left
    style='
    color: #336699;
    background-color:#dcdcdc;
    border: solid 3px blue;
    width: 450px;
    height: 150px;
    overflow: scroll;
    scrollbar-face-color: #ffd700;
    scrollbar-shadow-color: #e0ffff;
    scrollbar-highlight-color: #fa8072;
    scrollbar-3dlight-color: #ff0000;
    scrollbar-darkshadow-color: #afeeee;
    scrollbar-track-color: #ffb6c1;
    scrollbar-arrow-color: #e6e6fa;
    '>日志文字</DIV>

     

    ¤实线双线外凸虚线¤

    <div style="border: 1px dashed #000000;background-color:#FFFFE0">日志文字</div>

     <div style="border:1px solid #000000;">日志文字</div>

     <div style="border-style:outset; border-width:1px;">日志文字</div>

     <div style="border:3px double #000000;">日志文字</div>

     <div style="border:1px dashed #000000;">日志文字</div>

     

    ¤文字特效¤

    <FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#996633>日志文字</FONT> 日志文字
    <FONT style="FONT-SIZE: 20pt; FILTER: glow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#993366>日志文字</FONT>日志文字
    <FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 20px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>日志文字</FONT>
    日志文字
    <DIV style="FILTER: glow(color=#ff6600,strength=3); COLOR: #000000; HEIGHT: 10px">日志文字</DIV>
    日志文字

     

    ¤邮票特效¤

    <DIV align=left>
    <DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>日志文字</DIV></DIV>

     

    ¤背景图片¤


    <div style="WIDTH: 180px; HEIGHT: 120px;">
    <img src="http://upload.mop.com/user/2005/03/19/8ff81d69.bmp" align="right">
    <div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; ">
    <br>
    <font color="#0099ff">日志文字</font></div></div>     

     

    ¤发亮文字¤

    效果：你所要显示的文字    ABCDEFG       世界和平 无

    代码:

    <FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=3>你所要显示的文字</font>

    17:18 | 写入日志

    评论 (15)

    请稍候...
    很抱歉，您输入的评论太长。请缩短您的评论。
    您没有输入任何内容，请重试。
    很抱歉，我们当前无法添加您的评论。请稍后重试。
    若要添加评论，需要您的家长授予您相应权限。请求权限
    您的家长禁用了评论功能。
    很抱歉，我们当前无法删除您的评论。请稍后重试。
    您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
    因为我们的系统表明您可能在向其他用户提供垃圾评论，您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户，请联系 Windows Live 支持部门。
    完成下面的安全检查，您提供评论的过程才能完成。
    您在安全检查中键入的字符必须与图片或音频中的字符一致。

    若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录


    还没有 Windows Live ID 吗？请注册

    匿名 的图片
    言不必说 发表:
    是啊
    讲的好详细啊
    我冒昧把你链接了啊
    不见意吧
    12 月 8 日
    匿名 的图片
    球球●❤● 发表:
    谢谢你 写的好简洁
    8 月 22 日
    匿名 的图片
    ViewlessJeans 发表:
    好厉害！专业的吧？
    8 月 8 日
    匿名 的图片
    幸福的小胖 发表:
    归归...辛苦拉...不容易啊....
    7 月 31 日
    匿名 的图片
    下雪边界 发表:
    谢谢你哦~~^__^
    7 月 30 日
    匿名 的图片
    疯狂的兔子 发表:
    哇噻！你不是吧？这么强？我以前怎么没瞧见你有这么大能耐啊？哈哈~~~
    7 月 29 日
    匿名 的图片
    狸猫の璃 发表:
    感谢~
    我来给你倒水~~~爱死你了~~大人是十分细心的人呢~
    7 月 25 日
    匿名 的图片
    Francesfrances123 发表:
    这个背景音乐的网址怎么找的，能不能用下载的音乐，请赐教，谢啦！！
    7 月 12 日
    匿名 的图片
    星野夏月 发表:
    很細心的教程呢~基本上把一些基本語法都寫出來了~^^
    謝謝囉
    7 月 10 日
    匿名 的图片
    Tasuke小天 发表:
    路过，来踩一脚～～
    嘿嘿，谢谢站长哦，我能把你的ＢＬＯＧ连接到我的上面吗？
    7 月 10 日
    匿名 的图片
    Frank 发表:
    谢谢，添加了背景音乐和邮票特效，呵呵。欢迎小丫头常来坐坐。
    7 月 7 日
    匿名 的图片
    SuperZe0104 发表:
    那些连接是添加在哪里啊？
    6 月 27 日
    匿名 的图片
    cherrylee2046 发表:
    为什么用了这个方法,背景音乐还是出不来?
    6 月 26 日
    匿名 的图片
    粉丝妹妹 发表:
    好多。。。慢慢看。。。
    6 月 14 日
    匿名 的图片
    CI 发表:
    娘辛苦鸟～～～捶背～按摩～
    6 月 5 日

    引用通告

    此日志的引用通告 URL 是：
    http://yuyi591yue.spaces.live.com/blog/cns!E7494696B8847932!127.trak
    引用此项的网络日志
    • 无