個人檔案C‘est la vie之E度空间相片部落格清單 工具 說明
4 April

Spaces入门教程(四)

4.MSN Spaces常用语法

需要说明的是,下面的多处内容来自网友Loadmemory,特此表示感谢,欢迎大家浏览他的Spaces,那里有很丰富的技术内容http://spaces.msn.com/members/loadmemory/)。

4.1  缤纷背景:Spaces的大背景随模板类型变化,但不提供用户自定义日志背景颜色,但通过HTML语言的方式,就可以让我们的日志颜色随心所欲。

①进入日志编辑页面,点击“Edit it”按纽,勾选编辑框底部的HTML编辑选项即Use HTML to create your page),页面即会出现“<P></P>”标记,表示已进入HTML编辑状态。

②将 “<P></P>”嵌入下列语句之间,即如下:

<div style="width:100%;height:100%;background-color:#颜色编码;"><p></p></div>

③试着在“<P></P>”之间输入字符,点击“预览日志项”,可以看到日志背景已发生改变,当然需要先用具体的代码替换到“颜色编码”处,注意,别丢了#这个符号;这里可先用“#RED”试看效果。

④在图形处理或网页编辑软件,使用里面的调色功能,就可以获得颜色编码的相应数值;我也将在后面的UBB代码篇中提供色版以供参考;

⑤需要更多的色彩,只需在文字前后重复上面的语句、调整颜色编码,有时还需要调整HTML语句中的高度比值,根据文字内容的长短寻求一个合适的值,可边调整边预览之。

4.2  文本帮助Tips:在HTML编辑状态下,文本编辑按纽会消失,处理文本文字需要通过语句来解决,相当麻烦。这里提供一个简单的办法:

①先去除前面所勾选的“HTML编辑项”,就可以重新进入文本编辑模式,当然已经多了一个(或多个色块);

②在色块内双击鼠标,就象在WORD一样可以自由编辑文本了。

4.3  立体彩色边框:按上面所示,在文本编辑框内输入下面的语法,

<div STYLE="border-style:solid;border-width:5pt; border-color:颜色编码"></div>

①border-width调整边框的粗细;border-color调整边框的颜色,border-style则用于调整边框的效果(立体或平面)。

②这里的“solid”表示为单一颜色的线形简单边框;Double,简单双线边框;Groove,沟线立体效果边框;Ridge,脊线立体效果边框;Inset,嵌入线立体效果边框;Outset,浮出线立体效果边框。

③<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset; border-bottom-style:outset;background-color:#cc3366">上面的复合语句表示“带底色的立体效果边框”,其中Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式;Border-left-color: #xxxxxx定制边框颜色;Border-left-width: xpt 定制边框粗细;Right, Top, Bottom分别表示其它三个边框。

④Tips:HTML编辑状态下不支持硬回车,在需要回车的地方键入<br>,需要几次回车就键入几个<br>,然后再返回到文本编辑模式,会看到边框背景内已经加入了回车后的效果。

4.4  光影效果:

<div style=height:10;color:000000;filter:glow(color=#ff6600,strength=6)>

4.5  背景音乐:使用下面的代码,其中Loop,它表示循环播放的次数,当为infinite时是无限循环,为0时表示不循环,其他循环次数只需键入相应数字即可。

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

4.6   添加视频:本人没有试验成功,这里提供语法,感兴趣的朋友可以自己试一下,

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

其中Loop同上控制循环次数;Height和Width:分别控制视频画面的高度和宽度,可以根据需要自行调整,当该值设置为0时,就只有音乐没有图像,相当于插入背景音乐的效果。

4.7   计数器:有许多网站提供这项服务,可以通过搜索引擎搜索“Free web count”来获得,根据提示注册,然后选择心仪的计数器,会在线生成一段HTML代码,将其COPY到自己日志中即可。不过都是英文站点,感兴趣的朋友可以玩玩。这里提供本人使用的Amazing做参考,具体就不赘述了。网址:http://www.amazingcounters.com/

4.8    MSN在线状态指示器:可以让浏览者看到自己在线状态的工具,可以到下面的网站去申请:http://snind.gotdns.com:8080/需要提醒的是:

①该状态指示不会实时更新,它显示的状态是访问者登陆你的空间时你的在线状态,如果你在此期间上线或离线,指示器不会实时同步做出反应,除非刷新页面才会看出变化;

②另外显示的状态和真实状态可能会有稍许延迟,但不严重;

③还有一种情况也可能会发生,就是服务商的Server关机,那么指示器就无法正确显示任何状态了。

回應 (3)

請稍候...
很抱歉,您輸入的回應過長。請縮短您的回應。
您尚未輸入內容,請再試一次。
很抱歉,目前無法新增您的回應,請稍後再試。
若要新增回應,您的父母必須先給您權限。要求權限
您的家長已關閉回應功能。
很抱歉,目前無法刪除您的回應,請稍後再試。
您已超過每日回應上限次數,請於 24 小時後再試一次。
由於系統顯示您可能傳送垃圾郵件給其他使用者,因此您帳號中的回應功能已遭停用。 如果您認為自己帳號遭錯誤停用,請連絡 Windows Live 支援
請完成下列安全檢查,以完成回應。
您輸入的安全檢查字元必須與圖片或音訊中的字元相符。

若要新增回應,請以您的 Windows Live ID 登入 (若您使用 Hotmail、Messenger 或 Xbox LIVE,則您已擁有 Windows Live ID)。登入


沒有 Windows Live ID?註冊

匿名 的圖片
浅蓝色的雨 撰寫:
我添加了音乐怎么不行呢?其他的数值要怎么设置呢?我是小白啊,不明白呢?
7 月 16 日
匿名 的圖片
daydream_flyer 撰寫:
谢谢,很实用,学会不少
6 月 9 日
匿名 的圖片
假如深海鱼流泪 撰寫:
非常非常地感谢你~~~~~~~~
6 月 9 日

引用通告 (3)

此內容的引用通告是:
http://bbsleo3.spaces.live.com/blog/cns!7FB73D4E8E01D4B1!114.trak
引述這則內容的部落格