| 黑猫 |
2005-08-24 18:00 |
MSN Space进阶技巧---第一讲 初期准备 [/color] [color=#000000]不少朋友已经发现,MSN Space对HTML语言具有相当强大的支持能力。虽然处理日志时,MSN Space只提供给大家简单的几个文字处理功能,但如果你事先在网页编辑器中对文字图片作预先处理,那么通过简单的拷贝粘贴后便能让你的日志看上去更生动活泼。其实这些都是通过相应的页面语言实现的。大家也许觉得每次都得用网页编辑器处理这些简单的文字有点大材小用,而且在不同的操作页面转来转去很费神,那么我告诉大家一个小技巧,可以为MSN Space添加更多的文字编辑功能,同时也让你拥有直接在日志编辑页面中处理HTML语言的能力。 首先确认你的IE浏览器工具栏中是否有“链接(Link)”这一项,如果没有,那么点击“查看”菜单,在“工具栏”选项中将“链接(Link)”挑上勾。然后就是最关键的了: javascript:if%20(navigator.userAgent.indexOf("MSIE")>0%20&&%20document.all.rtebox!=null)%20{EditBox.setToolbar("tbmode",true);EditBox.setToolbar("tbfontstyle",true);EditBox.setToolbar("tbfontsize",true);EditBox.setToolbar("tbcut",true);EditBox.setToolbar("tbcopy",true);EditBox.setToolbar("tbpaste",true);EditBox.setToolbar("tbbar1",true);EditBox.setToolbar("tbbar2",true);void(document.all.rtebox.style.height="400");void(document.all.EditBox.style.height="400")} [/color] [color=#000000]看到上面这段代码了吧,将这段代码完整的复制下来.在你添加项/编辑网络日志的时候.在编辑的当前窗口的IE地址栏里面粘贴这段代码 点Enter(连接),就OK了.是不是可以见到下面图片显示的效果了啊! 看一看编辑工具栏是不是多出了几个图标,剪切、复制、粘贴、字形、字号都有了,再配合原来的加粗、斜体、文字颜色等,处理文本应该绰绰有余了。 再看下面,还多出了这么一个选项
Use HTML to create your page. - Edit the HTML formatting commands directly
点选后你就能进行页面语言编辑了,诸如添加背景颜色,设置背景样式等都可以通过它来完成了。
MSN Space进阶技巧---第二讲 缤纷背景 MSN Space中日志的背景颜色随不同的模版类型而有所变化,但并不提供给用户自定义背景颜色的功能,但我们可以通过编辑HTML语言的方式来实现这一目的,让日志随我们的心情而变换不同的色彩。 编辑日志之前,先点击上一讲提到的那个“Edit It”按钮,然后选取编辑区域下方的HTML语法编辑选项,即将Use HTML to create your page选项挑上勾,此时即进入HTML编辑状态,你会看到页面上有如下标记。将下列语句放置到编辑页面中: [/color] [color=#000000]注意,这里需要你略微调整一下,将嵌套在这一语句中,即如下形式: [/color] [color=#000000]在和之间试着打几个字,然后点击预览日志,可以看到日志的背景颜色已经改变。当你想更改不同色彩的时候,只需将#990000这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。如何获取自己心仪的色彩的数值呢?如果你手头有图形处理软件或网页编辑软件,使用里面的调整色彩功能,都会获取相应的数值。另外你也可以参考我提供的
色版
(见下面)。 在HTML编辑状态你会发现,文本编辑按钮都消失了,这种情况下处理起文字来可是有些困难,当然对高手来说,区区几个语句就能解决问题,但我们普通大众可没这本事和耐心。怎么办?好办!将Use HTML to create your page选项前的勾勾挑下去,即取消HTML语法编辑状态就可以了。这时你会发现,我们重新进入了文本编辑模式,但这里已不是一片空白,而是多了一个色块,在色块内双击鼠标,下面对文字的编辑就是轻车熟路了。 一个色彩还不够丰富,我想要五颜六色的生活!没问题,重新回到HTML语法编辑状态,在你想使用其他色彩的文字前再加入上面HTML语句,然后调整色彩值。这里还需注意两点:一是仍然注意要把文字部分嵌套在上述语句中,二是为达到最佳效果必须调整提供不同色彩的HTML语句中的高度比值,至于什么值比较合适,就得根据文字内容的长短了,你可以边调整,边预览之。 Space进阶技巧---第三讲 立体彩色边框
拥有了背景色彩的日志显得生动活泼了许多,那么如何让她更具特色呢?在这一章里我将向大家讲述如何定制具有立体效果的背景样式。 我们先从为日志文字添加带有色彩的边框说起,因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。请记住下面这段语法: 日志文字 它会在你的文字外围生成一个红色边框,border-width控制边框的粗细,border-color调整边框的颜色,这里你仍然何以使用前文提到的形式如#xxxxxx的颜色数值,而border-style则控制边框的效果,当使用“solid”则为单一颜色的线形简单边框。 接下来我们再将上述语法扩展一下,就可以获得具有立体效果的彩色边框。那么从何下手呢?其实就是在border-style后面使用不同的语法描述: Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框 你可以在MSN Space日志中尝试一下上面不同的语法,然后在预览中观看效果。 通过定制边框的方法再将上一教程添加色彩的语法嵌套其中,你就可以创造出具有立体效果的彩色日志背景。 例如: 日志文字
使用上述语法将会为你呈现一个黄底色红边框的浮出线效果背景,其实上述语法还有其他形式的简化写法,这里不再赘述,只采用上述较直接易理解形式。 对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法: Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式 Border-left-color: #xxxxxx定制边框颜色 Border-left-width: xpt 定制边框粗细
其他三个边框只要分别使用Right, Top, Bottom就可以了。将下面的语法放到你的日志中预览一下,看一看是什么效果: [/color] [color=#000000]你可以按照自己的想法随意调整四个边框的式样,以便创造与众不同的效果,记住一点,不同的属性描述之间用 ; 隔开。另外,你可能会注意到,当你设置完边框返回到日志文本编辑模式,在键入文字过程中如果使用回车键,就会又出现一个边框,从而影响文字的连贯性,这是因为HTML语法中不支持硬回车。要解决这个问题,必须返回到HTML编辑模式,在需要回车的地方键入 ,需要几次回车就键入几个 ,然后再返回到文本编辑模式,你就会发现边框背景内已经为你加入了回车后的效果。 |
|