Ruby's profileღ 叶 ღ 有 ღ 所 ღ ...PhotosBlogListsMore Tools Help

Blog


    November 16

    添加无限列表项

          MSN Space的列表数是有限的,只要将如下的一段代码(全部紫色字体)在space编辑状态下输入地址栏,回车就能新建一个列表,重复可以建立无限个列表项。
    javascript:var a=window.location.href;var b='http://spaces.msn.com/members/';if(a.match(b)){ a=a.substring(b.length+0); a=a.substring(0,a.indexOf('/'));Action('addlist','<b>添加列表</b><br>输入列表的名称,然后单击“确定”。',new Array('列表名称'),null,new Array('128'),b+a+'/PostAcceptor.aspx',null);} 
    August 19

    MSN SPACE新功能:Power Toy

    1、可编辑的Html模块
    作用:可作为置顶日志,放计数器,欢迎界面等。但限制512字节。
    方法:1)在地址栏中输入 http://spaces.msn.com/members/空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox 回车(比如我的空间名是:dearapple)。
             2)“自定义”-->“模块”-->“Power toy:Custom HTML 添加” 并保存。
             3)以上两步产生一个模块:Custom HTML模块。最上面是代码区。可以先在日志编辑中写好,然后进入Html格式粘贴到次模块中来。
                  Module Name:模块名字。
                  Show Border:显示边框(如果要显示模块名字,必须选择显示边框。)

    2、 媒体播放器插件
    作用:可以代替背景音乐,也可以播放视频。

    方法:1)在地址栏中输入 http://spaces.msn.com/members/空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo 回车。
             2)“自定义”-->“模块”-->“Power toy:Windows Media Player 添加” 并保存。
             3)产生一个模块,其中有不少参数。
                  URL:就是媒体文件的链接地址。只支持wma,wav,mp3格式的音乐,以及wmv,avi,mpg,mpeg格式的视频。
                  Position in sec:开始时间,一般为0。(必须为整数)
                  Times to play:播放的次数。
                  Rate to play:播放速度,一般为1,即原速。
                  Auto Start:是否要自动播放。
                  Display Mode:播放模式,Mini微型模式;None不显示插件;Full完全模式;Invisible隐藏整个模块。
                  Right Click Menus:是否允许右键菜单,就是是否让别人看到该煤体文件的信息。

    3、自定义页面外观
    作用:更改页面配色等。

    方法:1)在地址栏中输入 http://spaces.msn.com/members/空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=tweakomatic 回车。
             2)“自定义”-->“模块”-->“Power toy:Tweak UI 添加” 并保存。
             3)由于还没试过,先提供参数,这里引用Msn Space必读的部分内容。
    Background Colors
    【Inner】背景颜色(内部):即800*600分辨率下的背景颜色
    【Outer】背景颜色(外部):即1024*768分辨率下右部的背景颜色
    注:背景图片优先于背景颜色,当两者同时存在时将显示背景图片
    Background Image
    【Position】背景图片的位置:default 默认;top 顶部;left 左侧…… 
    【Repeat】背景图片是否重复:default 默认;repeat 重复;no-repeat 不重复(显示单幅图片);repeat-y 在竖直方向重复;repeat-x 在水平方向重复
    【Display】 是否显示背景图片:default 默认(显示);hide 隐藏

    背景图片设置
     Font Color
    【Link/Bullets】  链接颜色
    【Text】   文本颜色
     Module Background
    【Color】   模块背景色
    【Transparent】   模块透明度(0~100)
     Module Borders
    【Width】   模块边框宽度(单位:像素)
    【Style】   模块边框样式:default 默认;none 无;dotted 点;dashed 虚线;solid 实现;double 双线;……;outset  凸出
    【Color】   模块边框颜色
    注:浏览space时,自定义页面外观模块将不在首页出现 

    如要链接或引用,请注明出处

    August 08

    WINDOWS技术摘录

          收集了一些关于WINDOWS的小技巧,放在这里,给大家分享!
    1、
    2、
    3、
    4、
    5、
    6、
    7、
    8、
    9、
    10、

    July 30

    文字和排版

    一、任意位置添图片和文字
    语法:
    <DIV class=LayoutIBeam style="DISPLAY: block; LEFT: ???px; WIDTH: ???px; TOP: ??px; HEIGHT: ??px;BORDER-COLLAPSE: separate;TABLE-LAYOUT: auto;"> <IMG height=60 alt=xxxxx src="图片地址" width=468 border=0></DIV> 
          <DIV class=LayoutIBeam.......>控制图片、文本或视频出现的位置,是个绝对定位命令。其中的WIDTH和HEIGHT是对图片大小的描述,TOP是指该图片或文本与页面最顶端的距离,LEFT是指这些元素与页面最左端的距离。
          用抓屏软件将整个首页面的版面上方截取下来,然后用图形处理软件打开,再将所需添加的图片或文字粘贴到刚刚截取的图片上,这样可以看到将实现时的效果,也可通过图形处理软件的标尺或状态栏读取添加图片或文字的坐标位置,该位置是将来需要调整的LEFT及TOP值。
          确定具体位置参数后,代码通过HTML语法编辑方式放入首页面的日志中。不过在日志编辑区域及预览里都无法体现最终实现的效果。发布日志后,看看实际效果,再调整。同背景音乐一样,如果该日志不在首页面,添加的图片或文字也将不会出现在空间首页面上。

    二、文字竖排
    语法:
    <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>  (Writing-Mode参数其后的tb代表文字排列从上到下,rl代表从右到左。)

    三、文字效果
    语法:
    阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
    发光:<div style="FILTER: glow(color=#0000ff); COLOR: #0000ff; HEIGHT: 10px"><font color="#FFFFFF">“正文内容”</font></div>
    模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>

    文本滚动框

    语法:
    <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>
     
          上述语法生成一个黑色背景及灰蓝色边框的文本滚动框。调整文本框的大小,可以在日志编辑页面用鼠标直接进行调整。
    July 28

    添加背景图片

    语法:
    <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=#ffffff size=2>日志文字</FONT></P></DIV></DIV>
          语法中的主要命令语句的含义:
          <IMG src=…….>控制日志中的背景图片;align这一参数控制图片位置,不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,可以修改其中的数值已达到不同的效果,但style的值只能取1,2,3这三个值。除了柔化效果外,还有翻转、发光、阴影等若干特效,语法表述各有不同。在Space空间不同的布局方式下,日志宽度是不相同的,所以建议选择合适宽度的图片,具体可根据布局的实际情况将图片宽度分别设定在260px、350px、370px、550px、730px左右。
          <DIV style="FILTER…….>控制日志文字的若干效果,其中Filter命令也是调节柔化效果。文本宽度最大值也要参照不同布局方式时所要求的宽度值,如希望文字完全分布在整个日志页面,将WIDTH值设为100%即可。在设了具体宽度的情况下Float命令可省略,否则请保留。 

    9月12日更新此内容
    以上方法仍适用,但较麻烦。建议使用表格语法添加背景图片,比较简单。
    语法:
    <P>
    <TABLE style="WIDTH: 宽度值px; HEIGHT: 高度值px" borderColor=边框颜色 cellSpacing=边距 background=背景图片链接地址 border=边框粗细>
    <TBODY>
    <TR>
    <TD>
    <P>日志内容</P></TD></TR></TBODY></TABLE></P>

    July 26

    添加背景音乐

    语法:
    <IMG height=0 loop=infinite dynsrc=http://***.wma width=0 border=0>
     
    9月13日更新此内容
    推荐使用添加Windows Media Player的方法播放背景音乐,具体步骤,请参考Power Toy这一章
    July 01

    日志边框效果

    语法:
    <div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
    参数:border-style
    Solid:简单线形边框; Double:简单双线边框; Groove:沟线立体效果边框;Ridge:脊线立体效果边框; Inset:嵌入线立体效果边框; Outset:浮出线立体效果边框
    如:(黄底色红边框的浮出线效果背景)
    <div STYLE="border-style:outset;border-width:2pt; border-color: red"><div style="width:100%;height:100%;background-color:#ffff00;">日志文字</div></div>
          对于背景边框的四个边可以按自己的需要进行调整,以左边框为例(其他三个边框只要分别使用Right, Top, Bottom),使用下述语法:
          Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式;Border-left-color: #xxxxxx定制边框颜色;Border-left-width: xpt 定制边框粗细
    如:<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;border-bottom-style:outset;background-color:#cc3366">