| 個人檔案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)此內容的引用通告是: http://bbsleo3.spaces.live.com/blog/cns!7FB73D4E8E01D4B1!114.trak 引述這則內容的部落格
|
|
|