|

文绕图
<img src="图片地址" align="right">
*align="right":图靠右 left-图靠左

加线框
<div style="border:1px solid #000000;">实线</div>
<div style="border:1px double #000000;">双实线</div>
<div style="border:1px dashed #000000;">虛线</div>
一般常用線條 : solid(實線) dotted(點) dashed(虛線) double(雙線)
立體效果線條 groove(立體內凸框) ridge(立體浮凸框) inset(凹框) win-inset(凹框2) outset(凸框)

加背景底色
<div style="width:100%;height:100%;background-color:#990000;"><p>文本</p></div>

彩色文字效果
阴影:<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>
*红色为颜色代码

滚动文本框
<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>
*红色为可改数值
透明文本滚动框
<DIV align=center style=' color: #ffffff; border: solid 0px black; width: 120px; height: 200px; overflow: scroll;
OVERFLOW-X: Hidden; scrollbar-face-color: transparent; scrollbar-shadow-color: transparent; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: transparent; scrollbar-darkshadow-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: #FFD6DA; '>日志文字</DIV>
图片背景
<div align=center> <div style="WIDTH: 本文寬; "> <img src="背景圖片" width="100%" align="right"> <div style="float:left; WIDTH: 100%; "> 內容 </div></div></div>
图片滤镜(加在 align="right" 后)
style="FILTER: alpha(opacity=100, finishOpacity=0,style=2)"
■可收改參數
opacity -->設定起始處的透明度 finishOpacity -->設定結束處的透明度 style -->0:均勻、1:線狀、2:圓形、3:長方形
LOGO链接
<a href="URL地址 " target="_blank"> <img src="图片地址" border="0" width="图宽" height="图高"></a>

添加背景音乐
<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>
*msn space 已可以直接连接Media player
详情请参阅:Windows Media Player PowerToy 教學

图片并排背景
<TABLE width="100%" background=圖片地址 border=0> <TBODY> <TR vAlign=top align=left> <TD> <P>文本</P></TD></TR></TBODY></TABLE>
网志背景
<PRE></TABLE></TABLE> <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 background="圖片地址" border=0><TBODY><TR><TD><DIV><TABLE></PRE>
<TABLE>制作背景图片
<TABLE style="WIDTH: 373px; HEIGHT: 322px" borderColor=#000000 cellSpacing=13 background=图片地址 border=3> <TBODY> <TR> <TD> 在这里添加你的文字或者链接
</TD>
</TR>
</TBODY>
</TABLE>
在背景图片加滚动条
<TABLE style="WIDTH: 380px; HEIGHT: 411px" background=图片地址 border=0> <TBODY> <TR> <TD> 在这里填入滚动文本的标题文字 </TD>
</TR> <TR> <TD> <DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">
在这里填入滚动文本框里的文字
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
查阅原创MSN技术归总==>效果图
 实现网志右移
*先在SPACE里添加上Custom HTML PowerToy(添加方法)
*在Custom HTML PowerToy里加</td></table>这个命令
*选择左宽右窄的版块,将网志放在左边。把Custom HTML PowerToy放 在网志的上边,再把其它列表放在右边.
网志右移即可实现!!
如有问题请给我留言!!

资料来源:国良先生,小绿人,过去 现在 未来 ,MSN Space技巧归总
本日志最后更新:2005-10-08

|