|
|
9月24日
你是不是会有这样的困惑呢? 很久以前的一篇日志,想再编写或补充的时候很麻烦
因为我们不得不在编辑页面一页一页翻到很前面的这篇日志 发布的越多越麻烦,真得很麻烦阿~
或许你很有先见之明,会在新添日志的时候记录下编写状态的链接
但是这里还是叫你一个方便的办法,超级实用哦!
方法很简单:
首先打开你要重新编写的这篇日志的固定链接 现在你看到的是曾经编辑完毕的日志 下面,只要输入一段java代码就可以咯:
javascript:(function(){var cur=window.location.href;var url='http://spaces.msn.com/members/';if(cur.indexOf(url)!=-1&&cur.indexOf(".entry")!=-1){cur=cur.substring(0+url.length);url=url+cur.substring(0,cur.indexOf('/'))+'/PersonalSpace.aspx?_c11_BlogPart_handle=cns';cur=cur.substring(cur.indexOf('!'));url=url+cur.substring(0,cur.indexOf('.'))+'&_c11_BlogPart_blogpart=blogentry&_c11_BlogPart_' +'frompart=myspace&_c=BlogPart&_c02_owner=1'; window.location=url;}else{alert("这不是固定链接");}})()
好咯,现在你看到什么?
是啊,已经成为这篇日志的编辑状态了
| 如何让你的Space有两个自定义HTML模块 |
|
|
前言之前,事过之后:关于实现两个自定义HTML模块的方法,现在已经有不少人拿去用和试了,我想我封也封不住,我爱我家等也把教程贴了出来。因此决定还是把之前公开了不到十二小时的原创教程重新贴出来。我也只能算是个催化剂,加速微软封补漏洞吧,因为之的确是黑客手段。可不管怎样,趁微软还没有行动前我们赶快再利用此法丰富一下自己的space吧。危险性的确是有的,请慎用,且因为此法极具衍生性,因此在对其他模块操作时请慎之又慎,对其可能造成的毁灭性后果恕Mr Yang盖不负责。声明在此之前已经发表。
前言:刚才已经说过了,明天就要回上海了。这个暑假就这么过去了,真快。有得有失,每次都这样。可这个暑假的所得的确让我很踏实。玩Space少说也有半年了。这么长时间一直跟着各位高手走,从一开始一点网页制作知识都没有的超级菜鸟岛现在善借各位高手源码一用以装点自己小站的高等菜鸟,着实花了不少功夫。在暑假的最后时刻,终于有机会也当一次师傅。第一次写教程,也可能是最后一次,且因时间不足,这里仅用中文,以敬赠各位华人Space高手。还望多多包涵。
如何让你的Space有两个自定义HTML模块
这个unsupported Custom HTML Module从发布到现在已快一个月了。从一开始大家就抱怨微软还是放不开,只允许添加一个自定义模块,而且还有512字节的限制。这大大限制了我们的创造力。昨晚突发奇想,能不能再继续添加自定义模块?经过长时间多次试验,我已成功再添加了一个自定义模块,可是不能再多。待会儿会说如果再添加会出现的情况。要添加第二个Custom HTML Module:
No.1
你必须要有一个Custom HTML Module。至于如何初始添加此模块,网上各位高手都已经有了很详细傻瓜的教程,我前面的日志也有介绍,这里就不多说了。
No.2
转到编辑界面,点击自定义——>单击此处使用键盘操作的方式来自定义页面——>主提旁边的自定义。这时查看源文件,在里面找到下面这一句
type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML' checked><label for='pCustomHTML'>PowerToy: Custom HTML</label> <br></div><div class=Part><input onclick='selectPartType(this);'
好了,将之复制一遍,然后粘贴在这句话最后的那个单引号后面。注意,复制后请检查,单引号与之后面一个type之间有一个空格,正如原来这句开头的type与之前面的单引号之间也有空格一样。然后请找到刚才粘贴上去的那句话里的value='CustomHTML' checked,把这里的checked与之前面的空格去掉。
一切完成后,点击菜单栏另存为一个扩展名为htm文件。具体操作:在保存输入文件名时,保存类型选择所有文件,文件名随便输,只要扩展名为htm或html就可以了。保存的路径一定要记住哦!
No.3
打开刚保存的文件。我用的是xpsp2+IE7,在打开时会有风险提示,你要再点击一下提示以显示可能有风险的内容(软件商都爱故弄玄虚)。看!怎么样?在下面的模块栏里多了一个PowerToy: Custom HTML了吧?把它前面的框钩上,然后点最下面的保存。注意,在做No.3的时候,No.2里打开的那个窗口不能关闭,就是原始的那个调整自定义的窗口。如果关掉了的话,将无法保存所作的更改,点击保存后微软将会要你重新登陆。(真是紧啊!)
No.4
在网页的最下面多出了一个Custom HTML Module吧?好了,在里面粘贴你事先准备好的代码吧。点击完保存后,如果里面没有出现你先要的代码,还是原来的话,就试试另一个模块,总有一个是可以的,这里Mr Yang有点记不清楚了。最后,再把它拖到你想要的位置。怎么样?可以了吧?再预览一下,是不是有两块不同的自定义模块了呢?兴奋了吧?Job done!
后记:在这之后,我又萌生了添加无限多个Custom HTML Module甚至WMPlayer模块。可是我失败了。之后的情形是Space越来越不稳定,而且在有第三个Custom HTML Module出现的时候,总有两个里面的代码是一样的,怎么改也改不过来。再添加呢?还是一样,只有一个模块可以不同于其他的。后来我明白了,其实在这么多个Custom HTML Module里,只有一个是真实的,其余的都是最原始的那个的镜像,是连其模块内代码一道复制出来的,所以都是一样的,甚至你在里面输入超过512字节再点击保存时,他也不会有提示。不过不管怎样,多一个总比就一个好。
Mr Yang就只能做到这步了。剩下的工作(继续添加更多的自定义模块)还期待各位高手再发挥一下。相信这是可以实现的。教程写至此,估计还不够傻瓜。若有不正之处还请指出。 |
[Q] 界面设计模块实现功能 界面设计模块允许用户使用一个自定义模块,在该模块之内用户可以随意调整整个Spaces的文字颜色 背景色等等一系列属性 个性十足 今天你Spaces了吗 这才是真正的自定义!
[Q] 如何添加界面设计模块 使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.
[Steps] 1. 登陆您的MSN Spaces, 点击自定义[Customize] 2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=tweakomatic 按Enter或点击转到[Go]

3. 点击自定义[Customize]->模块[Modules] 4. 在下拉列表中找到PowerToy: Tweak UI项, 选择添加[Add]

5. 选择保存[Save]按钮
[Q] 如何使用该模块 该模块共有5大部分 1. 背景色[Background Color] 包括内部[Inner] 和 外部[Outer]
A. 内部[Inner] Spaces内部各模块空隙处的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF B. 外部[Outer] Spaces右边空白处的背景颜色[大背景色] 3个两位十六进制正整数 00-FF 如:00CCFF

2. 背景图片[Background Image] 包括位置[Position] , 重复[Repeat] 和显示[Display] 依据各个主题[Theme]的不同 有些是有背景而有些是没有背景图片的 对于有背景图片的 我们可以:
A. 位置[Position] Spaces背景图片的位置, 依次为默认[Default], 左上[Top Left], 中上[Top Center], 右上[Top Right], 左中[Center Left], 中中[Center Center], 右中[Center Right], 左下[Bottom Left], 中下[Bottom Center], 右下[Bottom Right] 这个不需要细讲了吧 崩溃了 B. 重复[Repeat] Spaces背景图片重复的方式 不明白? 就是Windows桌面墙纸不是经常有中央,平铺以及拉伸什么的嘛, 就是差不多那个意思. 这里依次有默认[Default], 重复[Repeat], 不重复[No Repeat], 纵[Y]向重复[Repeat-Y], 横[X]向重复[Repeat-X]. 如果你背景是大图片, 就不要重复了, 小图片重阿重的才有效果 总体来说 可能我翻译不恰当 重复你就当成平铺好了 这样更好理解 C. 显示[Display] 是否显示背景图片 默认[Default]是显示的, 隐藏[Hide]则不显示
3. 文字颜色[Font Color] 包括链接/链接图标[Links/Bullets] 和 文字[Text]
A. 链接/链接图标[Links/Bullets] 所有超链接以及链接符号的颜色 3个两位十六进制正整数 00-FF 如:00CCFF B. 文字[Text] 所有非链接普通文本的颜色 3个两位十六进制正整数 00-FF 如:00CCFF
4. 模块背景[Module Background] 包括颜色[Color] 和 透明度[Transparent]
A. 颜色[Color] 各个模块的背景颜色 3个两位十六进制正整数 00-FF 如:00CCFF B. 透明度[Transparent] 各个模块背景的透明度设置 20-100的整数值 分别为 20%-100%不透明 使用这个对整体视觉冲击比较大
5. 模块边框[Module Borders] 包括宽度[Width], 风格[Style] 和 颜色[Color]
A. 宽度[Width] 各个模块边框的宽度 0-9 建议值为0或1 2以上就不要弄拉 大哥大姐 弄那么粗的边框真的很难看啊 不信弄个9试试? 嘿 还试试就试试? 郁闷 B. 风格[Style] 各个模块边框的风格设置 用过.Net开发Web或者网页经常用的就知道有什么区别 当然 大家多试几次都能看出来 依次有默认[Default]-默认, 无[None]-不显示边框, [Dotted]-小点点, [Dashed]-小虚线, [Solid]-实线, [Double]-实线, [Groove]-凹按钮, [Ridge]凸按钮, [Inset], [Win-inset], [Outset]-没啥大的区别? 主要是用在这里不合适 不明显 不说了 郁闷 B. 颜色[Color] 各个模块边框的颜色设置 3个两位十六进制正整数 00-FF 如:00CCFF

6. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存
[Q] 使用该模块还有什么其他问题? 1. 该模块使用应当具备一定的视觉素养 否则任意修改都将造成超级大花脸的诞生 切记! 2. 该模块建议查询颜色代码值[如: 99FFDD] 不支持Red/rgb(205,10,36)等颜色单位 3. 怎么这么难看阿 救命啊 救命? 请参考问题一 哈哈 吓你的阿 将所有选项留空 按保存 他就又回到默认设置了阿 4. 一旦在自定义中去掉了PowerToy: Tweak UI项目 所有将回归原位...
[Q] HTML模块实现功能 HTML模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用HTML来排版, 个性化等,例如弄一个专门的每周绘画作品展示等等...
[Q] 如何添加HTML模块 使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.
[Steps] 1. 登陆您的MSN Spaces, 点击自定义[Customize] 2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=sandbox 按Enter或者点击转到[Go]

3. 点击自定义[Customize]->模块[Modules] 4. 在下拉列表中找到PowerToy: Custom HTML项, 选择添加[Add]

5. 选择保存[Save]按钮


[Q] 如何使用该模块 该模块共有三大部分 1. HTML文本框 [非RTE] 在这里输入你喜欢的HTML代码 为了不扼杀你的创意 你喜欢输什么就输什么 2. 模块标题 [Module Name TextBox] 3. 是否显示边框复选框[Show Border CheckBox] 不显示边框一般是为Plain Black/Red/Blue/Green服务的 4. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

[Q] 使用该模块还有什么其他问题? 1. 该模块无RTE, 完全符合喜欢HTML编辑的用户 :) 2. 该模块只支持512个字符, 因此不能输入大量的HTML代码, 使用部分受限. 3. 该模块同样会过滤大量HTML标签 4. 用户应当自行权衡是否使用边框 视觉效果等应自行解决 5. 我放进去一个图片或者别的东西竟然右边出去了!!! Answer: 大哥大姐, 本来让你自定义, 如果不怕难看就让他出去吧 自定义嘛 那就尽量不要让他出去喽
给大一个最简单的插入 图片的HTML代码:
<img src="你的图片地址">
[Q] 视频音乐模块实现功能 视频音乐模块允许用户使用一个自定义模块,在该模块之内用户可以随意使用发布视频,音乐, 包括自动播放等等.
[Q] 如何添加视频音乐模块 使用该模块的前提是IE6或更高版本, 该模块不支持中文版本. 所有选项包括提示只显示英文.
[Steps] 1. 登陆您的MSN Spaces, 点击自定义[Customize] 2. 在浏览器地址栏[Address bar]的URL后面添加参数 &powertoy=musicvideo 按Enter或点击转到[Go]

3. 点击自定义[Customize]->模块[Modules] 4. 在下拉列表中找到PowerToy: Windows Media Player项, 选择添加[Add]

5. 选择保存[Save]按钮
[Q] 如何使用该模块 该模块共有7个部分 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] 选择表示允许播放器右键菜单, 可以从中选择播放以及其他属性 不选则不显示 可以初级隐藏播放文件的地址[当然,可以从源文件中查到]

8. 保存[Save]按钮 回复[Revert]按钮-回到上次保存状态 不作保存

[Q] 使用该模块还有什么其他问题? 1. 试了大半天, 发现该模块只支持WMA, WMV, WAV, AVI, MPG, MPEG, MP3格式, 看见没QuickTime/Real都不支持阿 什么叫垄断 什么叫排他? 这就叫... 2. 使用该模块应该视网络环境/速率适当使用 切不可盲目使用造成部分用户长时间等待 得不偿失 3. 使用该模块应该注意视频/音乐版权问题 无论在世界还是在中国 用户应当有版权意识 4. 请确认你的电脑已经安装Windows Media Player播放器, 注意: Real[One] Player以及QuickTime插件是不支持的 5. 无法代替Flash
9月1日
| 如何添加计数器? |
| |
|
MSN Space已经提供了内部访问统计数据. 各项统计数据是最准确的. 但因为只能是内部查看, 大部分空间还添加一个外部计数器. 其实外部计数器的统计数据不能保证数据的准确性. 但已成为Space的一个流行. 到不如说是一个Space的装饰品. 下面介绍几种Space里多用的计数器. 1. http://www.free-counter-plus.com/ 提供的计数器. 注册界面英文,计数器样式单一,但注册过程简单. 经过添加几个个人信息,即刻获得计数器代码. 2. http://www.amazingcounters.com/ 提供的计数器. 注册界面英文,计数器样式比较多,注册过程简单. 经过添加几个个人信息,即刻获得计数器代码. 如果是刚刚接触Space或对网页知识不太熟的朋友,建议利用上面的网站.
3. http://www.shinystat.com 提供的计数器. 注册界面英文,计数器的数据统计范围较多,提供总访问量/月访问量/日访问量/在线人数.唯一缺点是对免费用户限制日访问量统计. 超过1000将停止计数. 注册过程稍微复杂. 经过添加几个个人信息,即刻获得计数器代码. 4. http://okcounter.com/ 提供的计数器. 注册界面英文/韩国语. 提供总访问量/今日和昨日访问量. 计数器样式有5万多种. 最大特点是用户可以自己设计计数器. 计数器背景可以利用用户自己设计的图片.注册过程比较复杂. 还需加入一个指定网站(定期会发给你广告性E-Mail). 提供计数器服务的网站很多. 也可以利用其他网站的.
上述几个网站,注册方法很简单.下面只介绍其中最复杂的OKCounter.
1.点击进入该站英文界面:http://okcounter.com/index_en.html |
| 2.再点击注册:Join Now[Free/Charged] |
| 3.出现新界面:全是英文,不用看.点击下部的[Enter] |
| 4.出现新界面:注册此计数器,需要加入该站赞助商的网站. 不要关闭此页.点击赞助商的图片(两个中的任意一个) |
| 5.出现赞助商的注册界面:你可以随意填写.填写的过程中.你要随时看看计数器的注册界面.可能你还没有填写完的时候, 计数器的注册界面下部出现了[Enter]. 这时,你不必在填写赞助商的注册信息,直接按那个[Enter]. |
6.这时出现真正的计数器注册界面.要填写的内容大概是这些:
|
E-Mail |
你的E-mail |
|
Homepage title |
你的网站或空间名.可用中文 |
|
Home Address |
你的网站或空间地址. |
|
Category |
你的空间主体,没有可选第一个:No want Ranking Service |
|
Timezone |
时间可选:china taiwan |
|
Start Count |
起始计数数据 |
|
Password |
密码 |
|
Use Cookie |
NO |
|
Statistics Open |
Yes |
|
Receive one week stat and email |
No |
Select Counter Image |
计数器样式. 可按后面的[Select Button],选别的样子. |
| Counter image base color |
不用动 |
| Counter number color |
不用动 | |
| 7.然后按[Join Now] |
| 8.注册完毕.它会给你一段代码.这段代码就可以在空间使用了. |
| | 安装过程很简单.如果注册成功,都会提供一段很长的代码. 把代码复制到日志里就可以了. 注意日志一定要在HTML源码编辑状态. 可按日志工具栏上的[HTML]进入源码编辑状态. 如果安装成功.退出[HTML]编辑状态时,马上就会看到计数器. 其实就是一个或一组图片. 可以在这里从新编辑计数器在日志里的位置.
提示:有问题的朋友们,最好是不要在此日志里留言提问.因为MSN Space编辑模式里的最近发布评论目录只能看到近5个留言.留言量大时可能挤到后边,有可能不能发现留言.这会影响本人及时回复.所以,有问题请利用[众问共答]栏目.谢谢合作!
| |
步骤如下
1.新建文件,大小400*192(根据你自己的需要啦),打上文字,如下图:
此主题相关图片如下:

════════════════════════════════════
2.点图示按钮,跳转到ImageReady:
此主题相关图片如下:

════════════════════════════════════
3.在ImageReady中打开素材图,点击移动工具,并将素材图层逐个拖入文字图层:
此主题相关图片如下:

════════════════════════════════════
4.新建三针:
此主题相关图片如下:

════════════════════════════════════
5.关键一步来了,请确保文字图层处于,三个素材图层的下方,回到第一针; 在图层面板中,按下ALT键,并将鼠标移动文字图层与上一图中间(此时光标显示为一个锁状),然后,在三个素材图层之间如法炮制,最终图层面板显示如下:
此主题相关图片如下:

我的这张截图可能与你的不同,因为我是从PS中截的,而不是IMAGEREADY,呵呵,不过两边是差不多的,
════════════════════════════════════
6.最后,将第一针,图层面板的小眼睛设置成文字图层与图层1显示;第二针设置成,文字图层与图层2显示;第三针设置成,文字图层与图层3显示. OK,打完收工,是不是很简单呢.
效果图:
此主题相关图片如下:

最后要保存的时候选择“将优化结果存储为”

8月21日
<DIV align=center> <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 align=left> </DIV> <DIV align=center><FONT size=3><STRONG>日志文字</DIV> <DIV align=center></STRONG></FONT> </DIV></DIV></DIV> <P> </P>
<div STYLE="border-style:outset;border-width:2pt; border-color: red"> <div style="width:100%;height:100%;background-color:#ffeeee;"><p>文字</p> </div></div> <div style="border: 1px dashed #000000;background-color:#FFFFE0"> </div> 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana 立体的文字效果 Verdana
代码:<P><FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>立体的文字效果</FONT></P> 方法:日志的编辑状态(主页编辑或列表编辑). 在浏览器的地址栏里输入一下代码: javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if( l.indexOf(p) != -1 ){ l=l.substring(0+p.length); l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new Array('List Name'),null,new Array('128'),p+l+'/PostAcceptor.aspx',null);} 然后按[Enter]键.会出现添加列表对话框. 输入自定义列表名,按[确定]-OK!
1、单击“HTML模式”按钮,进入HTML编辑界面
2、删去原有的<div></div>
3、将下面这段代码复制到HTML界面
<TABLE style="WIDTH: 100%" borderColor=#ffffff cellSpacing=0 cellPadding=0 border=0 background=图片地址> <TBODY> <TR> <TD> <P>文字写在这里</P></TD></TR></TBODY></TABLE>
4、将图片地址改为你希望使用的即可(右键单击图片,在属性中即有URL地址,粘贴替换“图片地址”字样即可)
小技巧 a 在style后的引号内添加 background-repeat: no-repeat; 可以禁止背景重复 b 可以将图片上传到msnspace相册,利用步骤4即可使用自己的图片 c 可以将WIDTH: 100%改为诸如 width="350px" height="300px" 以适应背景图片的大小(width为宽度,height为高度,单位一般使用px(像素,如屏幕大小的1024px*768px)。),当然,也可以利用在文字中添加空格与回车来控制图片显示的大小。
下面就给大家介绍我在日志中展示过的三种彩色文字效果的相关语法:
阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>
三种效果的语法格式基本相同,只不过使用了不同的滤镜属性。Color控制文字的颜色;Filter控制不同的滤镜效果,其内部的具体参数,诸如阴影及发光的色彩、模糊的方向及强度都可以按照需要自由调整;注意各效果语法中Width这个参数,当你的字号大小有所变化的时候,你也需要相应调整此项值,否则会造成文字无法正常排列的结果。另外,模糊效果中的Add 意为是否保留原效果,取值为0 or 1,一般设为1即可。其他方面的参数没有太多需要强调的,这里之所以采用华文彩云字体同时加粗,是为了达到更好的效果,你完全可以按照自己的喜好加以调整。需要说明的是,这几种效果只适用于标题或少量文字上,否则后造成阅读上的困难。
大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:
<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>
上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。
接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>
这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。
------------------------------------------------------------------
|
|
|
|
|
|
| msnspace模板-文本框 |
|
|
格式:<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #dda0dd; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 380px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #e6e6fa; SCROLLBAR-TRACK-COLOR: #d8bfd8;BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 180px; BACKGROUND-COLOR: #e6e6fa" align=center>文字 </DIV>
说明:<DIV style="BORDER-RIGHT: black 2px(最外侧边框宽度) solid; BORDER-TOP: black 2px(最外侧边框宽度) solid; SCROLLBAR-FACE-COLOR: #dda0dd;(滚动条按钮颜色) SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da;(按钮边框颜色) OVERFLOW: scroll; BORDER-LEFT: black 2px(最外侧边框宽度) solid; WIDTH: 380px;(文本框的宽度) SCROLLBAR-SHADOW-COLOR: #3d5054;(按钮中间三角颜色) COLOR: #990099;(文本颜色) SCROLLBAR-3DLIGHT-COLOR: #3d5054;(按钮框边线颜色) SCROLLBAR-ARROW-COLOR: #e6e6fa; SCROLLBAR-TRACK-COLOR: #d8bfd8;(条颜色) BORDER-BOTTOM: black 2px(最外侧边框宽度) solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 180px;(框的高度) BACKGROUND-COLOR: #e6e6fa"(背景色) align=center>文字 </DIV>
| |
|