Profilo di 寶寶乖~~๑•ิ.•ั๑宝宝の窝๑۩۞۩๑FotoBlogElenchiAltro ![]() | Guida |
|
13/08/2006 日志编辑
2、日志教程之色彩边框 <div style="border-style:outset;border-width:2pt;border-color:#ff0000">日志文字</div> border-width控制边框的粗细
border-color调整边框的颜色 border-style则控制边框的效果 border-style代码如下: Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框 Dotted 虚线效果边框 3、日志教程之滚动文本框 <div style="overflow:auto;width:100%;line-height:14pt;letter-spacing:0.2em;height:300px">日志内容</div> 大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。
利用上述语法可以生成一个Windows标准样式的文本滚动框。 语法里的参数相当简单,可以不做任何修改,也可以控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。 4、日志教程之背景图片 <img style="filter:alpha(opacity=100,finishOpacity=100,style=1);width:212px;height:292px" src="你喜欢的图片地址" align=right><div style="filter:alpha(opacity=45,finishOpacity=45,style=0);float:left;width:100%;line-height:14pt;letter-spacing:0.2em">日志文字</div> <IMG src=……>控制日志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,日志宽度是不相同的,所以为了更好的配合日志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即日志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。
<DIV style="FILTER……>控制日志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个日志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。 有一个问题需要注意,预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样,这还需要你返回到该日志进行进一步的修改,这确实需要一些耐心,但相信经过一段时间的实际应用,你会总结出一些经验技巧的。 5、日志编辑之文字竖排
<DIV style="writing-mode:tb-rl;text-align:left;font-family:Arial">日志文字</DIV>
<!--writing-mode设置书写模式,text-align设置文字对齐方式,font-family设置字型--> 喜欢古文的朋友可以尝试,不过这可能会给朋友们阅读带来不便…… 6、日志编辑之背景音乐 <img height=15 width=15 loop=infinite src="http://spaces.msn.com/mmm2005-05-13_18.25/RTE/emoticons/music_note.gif" dynsrc=http://221.194.30.60/jsj01/jsj0134/whyin/media/rhythmoftherain.wma 如果想要关闭其他人的SPACE中的背景音乐,试着按下ESC。 Commenti (1)Per aggiungere un commento, accedi con il tuo Windows Live ID (se utilizzi Hotmail, Messenger o Xbox LIVE possiedi già un Windows Live ID). Accedi Non hai ancora un Windows Live ID? Registrati
RiferimentiL'URL di riferimento per questo intervento è: http://ahxbaobao.spaces.live.com/blog/cns!CCD91BB54AEBF7DE!759.trak Blog che fanno riferimento a questo intervento
|
|
|