Quincy's profile百合稻子PhotosBlogListsMore Tools Help
    14/05/2005

    MSN Space进阶技巧

    MSN Space进阶技巧---第一讲

    初期准备

    原创:Loadmemory

    不少朋友已经发现,MSN Space对HTML语言具有相当强大的支持能力。虽然处理日志时,M
    SN Space只提供给大家简单的几个文字处理功能,但如果你事先在网页编辑器中对文字图
    片作预先处理,那么通过简单的拷贝粘贴后便能让你的日志看上去更生动活泼。其实这些
    都是通过相应的页面语言实现的。大家也许觉得每次都得用网页编辑器处理这些简单的文
    字有点大材小用,而且在不同的操作页面转来转去很费神,那么我告诉大家一个小技巧,可
    以为MSN Space添加更多的文字编辑功能,同时也让你拥有直接在日志编辑页面中处理HTM
    L语言的能力。可以说这是为以后诸如添加计数器等功能作一良好铺垫。如何添加?请往下
    看:

    首先确认你的IE浏览器工具栏中是否有“链接(Link)”这一项,如果没有,那么点击“
    查看”菜单,在“工具栏”选项中将“链接(Link)”挑上勾。然后访问下面这个网站:


    http://www.siteexperts.com/blogging/editit.htm

    感谢制作此工具的美国朋友Scott,也希望大家经常去访问他的MSN Space
    http://spaces.msn.com/members/siteexperts/

    你会发现页面中有一个“Edit It”链接,用鼠标右键点击这个链接,然后将其添加到收藏
    夹内,记着一定要放到“链接(Link)”这个文件夹中。按照上述操作后,你会在你的“
    链接(Link)”工具栏内看到一个“Edit It”的链接图标。

    Ok,到你的MSN Space中新添加一篇日志,输入文字前,点击“Edit It”,看一看编辑工
    具栏是不是多出了几个图标,剪切、复制、粘贴、字形、字号都有了,再配合原来的加粗
    、斜体、文字颜色等,处理文本应该绰绰有余了。

    再看下面,还多出了这么一个选项

    Use HTML to create your page. - Edit the HTML formatting commands directly

    点选后你就能进行页面语言编辑了,诸如添加背景颜色,设置背景样式等都可以通过它来
    完成了。

     

    MSN Space进阶技巧---第二讲

    缤纷背景

    原创:Loadmemory

    MSN Space中日志的背景颜色随不同的模版类型而有所变化,但并不提供给用户自定义背景
    颜色的功能,但我们可以通过编辑HTML语言的方式来实现这一目的,让日志随我们的心情
    而变换不同的色彩。

    编辑日志之前,先点击上一讲提到的那个“Edit It”按钮,然后选取编辑区域下方的HTM
    L语法编辑选项,即将Use HTML to create your page选项挑上勾,此时即进入HTML编辑状
    态,你会看到页面上有如下标记<p></p>。将下列语句放置到编辑页面中:

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

    注意,这里需要你略微调整一下,将<p></p>嵌套在这一语句中,即如下形式:

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

    在<p>和</p>之间试着打几个字,然后点击预览日志,可以看到日志的背景颜色已经改变。
    当你想更改不同色彩的时候,只需将#990000这个颜色编码的数值加以调整就行了(注意不
    要丢了这个符号#)。如何获取自己心仪的色彩的数值呢?如果你手头有图形处理软件或网
    页编辑软件,使用里面的调整色彩功能,都会获取相应的数值。另外你也可以参考我提供
    的色版。
    http://loadmemory.spymac.net/image/color.gif

    在HTML编辑状态你会发现,文本编辑按钮都消失了,这种情况下处理起文字来可是有些困
    难,当然对高手来说,区区几个语句就能解决问题,但我们普通大众可没这本事和耐心。
    怎么办?好办!将Use HTML to create your page选项前的勾勾挑下去,即取消HTML语法
    编辑状态就可以了。这时你会发现,我们重新进入了文本编辑模式,但这里已不是一片空
    白,而是多了一个色块,在色块内双击鼠标,下面对文字的编辑就是轻车熟路了。

    一个色彩还不够丰富,我想要五颜六色的生活!没问题,重新回到HTML语法编辑状态,在你
    想使用其他色彩的文字前再加入上面HTML语句,然后调整色彩值。这里还需注意两点:一
    是仍然注意要把文字部分嵌套在上述语句中,二是为达到最佳效果必须调整提供不同色彩
    的HTML语句中的高度比值,至于什么值比较合适,就得根据文字内容的长短了,你可以边
    调整,边预览之。

     

    MSN Space进阶技巧---第四讲


    如何添加背景音乐

    只需插入一个极简单的语法句子,就可快速实现背景音乐的加入。请大家记住下面这个语
    法:

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



    此段语法中唯一需要你更改的就是Loop,它控制循环播放的次数,当为infinite时是无限
    循环,为0时是不循环,其他循环次数只需键入相应数字即可。

    在你的日志编辑页面,首先点击前文提到的“Edit It”按钮,进入HTML语法编辑模式,然
    后勾选Use HTML to Create Your Page,在空白处插入上述语法就可以了。由于需要载入
    时间,因此当你点击日志预览的时候,可能需要等待一会才能听到音乐。

     

    MSN Space进阶技巧---第三讲

    立体彩色边框


    原创:Loadmemory

    拥有了背景色彩的日志显得生动活泼了许多,那么如何让她更具特色呢?在这一章里我将向大家讲述如何定制具有立体效果的背景样式。

    我们先从为日志文字添加带有色彩的边框说起,因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。请记住下面这段语法:

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

    它会在你的文字外围生成一个红色边框,border-width控制边框的粗细,border-color调整边框的颜色,这里你仍然何以使用前文提到的形式如#xxxxxx的颜色数值,而border-style则控制边框的效果,当使用“solid”则为单一颜色的线形简单边框。

    接下来我们再将上述语法扩展一下,就可以获得具有立体效果的彩色边框。那么从何下手呢?其实就是在border-style后面使用不同的语法描述:

    Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框



    你可以在MSN Space日志中尝试一下上面不同的语法,然后在预览中观看效果。

    通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。

    例如:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
    <div style="width:100%;height:100%;background-color:#ffff00;">日志文字
    </div></div>

    使用上述语法将会为你呈现一个黄底色红边框的浮出线效果背景,其实上述语法还有其他形式的简化写法,这里不再赘述,只采用上述较直接易理解形式。

    对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:

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

    其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果:

    <div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
    border-bottom-style:outset;background-color:#cc3366">

    你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入<br>,需要几次回车就键入几个<br>,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。

     

    MSN Space进阶技巧---第五讲


    如何添加视频

    原创:Loadmemory

    我要我的日志有声有色,不少在MSN Space安家的朋友都有这个想法。毕竟“声情并茂”的页面会吸引不少关注。上一章里我们了解了如何加入背景音乐,接下来我们看看怎样在日志中放入视频片断。

    也是偶然的机会,我发现某些网站提供所谓的Music Video Code,选中自己需要的视频,再设定几个简单参数,网站就会即时为你生成一段代码,这段代码可用于自己的网页或Blog,从而实现实时播放的效果。当时我就产生了要在MSN Space中尝试的念头,但几经试验都不成功。后来我将一段视频拷贝到Dreamweaver网页编辑器中,查看了一下它的源代码,稍微做了一下修改,然后在IE中预览,再将预览页面里的视频加以复制,粘贴到日志里,没想到竟然成功了!不过这种做法比较繁琐,在此不再详述了。

    我要为大家介绍的是一种更为简便的方法,它的灵感也来自于背景音乐的语法格式。实际通过上一个教程大家就可以了解到,图片“属性设置”里的“视频源”选项起到了关键作用,那么既然它叫做“视频”源,我们又成功地用它实现了音乐的载入,那理所当然就可以加入视频了。本着这个思路,我将语法中的音乐文件改为asf流媒体文件的链接,然后又调整了语法中IMG的宽度和高度,在Space的日志中一试即告成功,同时利用Loop参数也解决了以往不能循还播放的问题。

    看到这你会恍然大悟,原来这么简单!是啊,其实就是这么简单!所以,如何加入视频,就和上一章介绍的加入背景音乐一样可以通过两种方式实现,一是利用MS Frontpage,二是使用我提供给你的下面这段语法:

    <P><IMG height=150px width=150px loop=infinite dynsrc=流媒体文件链接></P>

    IMG后的Height和Width分别控制视频画面的高度和宽度,你可以根据需要自行调整,如果这里你都设置成0的话,那么就只有音乐看不到图像,这也等同于插入背景音乐的效果。Loop控制循环次数,用法可参见上一章的描述。

    对于页面中视频位置的控制,可以使用日志编辑器里简单命令,另外也可通过加入下述语法实现视频与文字的完美结合。举例如下:

    align=left 文字置于视频的右边,并与其紧密结合
    align=right文字置于视频的右边,并与其紧密结合
    align=top 文字队齐视频顶端
    align=middle 文字队齐视频中部
    align=bottom 文字队齐视频底端

    这里关键是流媒体文件的获取,正常的流媒体文件以asf,wmv,mov(注:mov文件的播放需使用特殊语法,将另行介绍)等为后缀,这是最直接的形式;也有以asx为后缀的,这种文件格式隐藏了流媒体的真正地址,但没有关系,你一样可以将带有asx后缀的链接放到你的语法中。目前网上多数流媒体文件都隐藏了其链接,很难通过直接的方法来查看,有关这方面的破解技巧网上多有提供,大家可以试试。

     

    MSN Space进阶技巧---第六讲


    添加计数器和MSN在线状态指示器

    原创:Loadmemory

    计数器和MSN在线状态指示器是两个比较实用的工具,通过前者你可以了解自己空间的受欢迎程度,而后者又为来访者提供了你目前的在线信息,方便好友与你及时联系。为日志加入这两项功能的前提是你必须已经安装了HTML语法扩展编辑工具,也就是你的IE浏览器工具栏里已经拥有了“Edit It”按钮。如何获取此项功能,我已经在教程的第一章介绍,这里不再赘述。

    先说说添加计数器。如果只是在日志中显示来访总数,那么申请一个简单的计数器即可,提供这种服务的网站很多,你在搜索引擎中键入“Free Web Counter”会查找到很嘟峁饫镂腋鋈送萍鰄ttp://www.amazingcounters.com/。这个网站提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请时需要注册,但过程很简单,一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了,然后再输入你个人网站的信息,你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能,让你进一步对计数器的外观作简单的修改,以更好的适合你的需要。将获取的代码拷贝,然后转到你需要插入计数器的MSN Space日志,点击“Edit It”按钮,进入HTML语法编辑状态,将刚才获取的代码粘贴到空白处,再退出HTML编辑状态,在日志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能,因此你必须经常调整计数器的位置,将它始终放置在首页的日志中(最好是第一篇日志)。方便起见,你可以将计数器的源代码拷贝到文本文件中,以后调整时将它简单粘贴过来就可以了。

    如果你想获得有关你的空间流量的具体信息,诸如单位时间内的访问量,来访者停留时间,来访者IP及所在国家等等众多专业统计结果,上述网站就不能满足你的需要了。推荐你到这个网站申请此项服务:http://www.statcounter.com/,它提供了极其强大且稳定可靠的统计功能,几乎面面俱到,至少对于我们这个水平这些功能是足够了,而且众多信息均以图形或表格的方式予以呈现,直观明了(Tucow五星推荐)。所有这些服务均为免费,除非你的月访问量超过20万。唯一的缺点就是提供的计数器样式过于简单,可供选择的余地也不大。。它的申请过程很简单,成功后会先让你选择计数器样式(你可以进行简单的定值),然后设定某些参数,诸如通过Cookie功能将你自己的登陆排除在统计数字之外等,之后你可以在Install Code页面获取HTML代码,需要注意的是,它会为不同类型的页面生成不同的代码,因此你要在“Statcounter Code Option”里选择“Html Only Code”,通过这个命令生成的代码才可用于MSN Space,获取代码后的操作就和上面已降解的方式一样了。由于是海外的服务商,所以页面信息全部是英文,这对于不谙E文的朋友可能有些麻烦。

    申请MSN在线状态指示器也很简单,到下面这个网站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN,当然如果你有Yahoo,或AOL等提供的及时通讯工具,也可以为其申请相应的指示器。输入你的MSN Messenger用户名,网站很快会为你生成一段代码,这段代码显示的是一个图标,通过其颜色的变化来显示你的Messenger的不同状态,直接将此代码按上述方法添加到日志中就可以了。有两个问题需要注意:该状态指示不会实时更新,它显示的状态是访问者登陆你的空间时你的在线状态,如果你在此期间上线或离线,指示器不会实时同步做出反应,除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟,但不严重。还有一种情况也可能会发生,就是服务商的Server关机,那么指示器就无法正确显示任何状态了。

     

    Spaces基础教程-10:添加和应用Media Player

    (一).添加:

    1.登陆您的MSN Spaces, 点击“自定义”

    2.在浏览器地址栏的URL后面添加参数 &powertoy=musicvideo Enter

     

     

     

    3. 再点击“自定义”,进入“模块”

    4. 在下拉列表中找到PowerToy: Windows Media Player, 选择“添加”。

     

           

     

            (二).应用:

       

    1. URL文本框 [URL Textbox] 在这里输入你想要播放的音乐/视频地址

    2. 起始播放秒数 [Position in sec Textbox] 输入整数,单位秒 代表播放开始时间

    3. 播放次数 [Times to play Textbox] 输入整数 

    4. 播放速率 [Rate to play Textbox] 输入整数或小数 例如2.5, 代表播放速度是正常速度的2.5

    5. 自动播放 [Auto Start CheckBox] 选择则表示将自动播放

    6. 显示模式 [Display Mode Selector]
    共四种模式, 分别为: 不可见[Invisible], [None], 迷你[Mini], 完全[Full]

    A. 不可见 [Invisible] 选择该模式隐藏整个模块,一般用于播放音乐, 建议选中自动播放, 否则无法自动开始

    B. [None] 该模式将不显示播放器的控制栏, 建议选中自动播放[5]或者允许右键[7], 否则无法播放

    C. 迷你 [Mini] 该模式将隐藏部分播放器控制栏 如进度条快进/快退, 前一段/后一段等

    D. 完全 [Full] 该模式显示所有播放器控制栏

            7. 右键菜单 [Right Click Menus Checkbox] 选择表示允许播放器右键菜单, 可以从中选择播放以及其他属性 不选则不显示 可以初级隐藏播放文件的地址[当然,可以从源文件中查到]

           

     

            注意:无法代替Flash

    Comments (2)

    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

    Picture of Anonymous
    Redevangeline wrote:
    稻稻好棒啊!多谢!
    3 Dec.
    Picture of Anonymous
    yolanda wrote:
    好文 收藏
    9 Sept.

    Trackbacks (1)

    The trackback URL for this entry is:
    http://lilydaodao.spaces.live.com/blog/cns!2DE7B1A193BD182D!289.trak
    Weblogs that reference this entry