
简单教学

缤纷背景
<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>
在<p>和</p>之间试着打几个字,然后点击预览日志,可以看到日志的背景颜色已经改变。当你想更改不同色彩的时候,只需将#990000这个颜色编码的数值加以调整就行了(注意不要丢了这个符号#)。
立体彩色边框
:<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">日志文字
</div></div>
对于背景边框的四个边你也可以按自己的需要进行调整,以左边框为例,你可以使用下述语法:
Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
Border-left-color: #xxxxxx定制边框颜色
Border-left-width: xpt 定制边框粗细
Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出线立体效果边框
添加背景音乐
<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>
添加视频
<P><IMG height=150px width=150px loop=infinite dynsrc=流媒体文件链接></P>
align=left 文字置于视频的右边,并与其紧密结合
align=right文字置于视频的右边,并与其紧密结合
align=top 文字队齐视频顶端
align=middle 文字队齐视频中部
align=bottom 文字队齐视频底端
<DIV><IMG style="WIDTH: 508px; HEIGHT: 324px" height=300 dynsrc=http://gratilog.net/animations/Coca_Cola_mix1.mpeg width=400 align=center></DIV></TD></TR></TBODY></TABLE>
播放一次
添加计数器
我个人推荐http://www.amazingcounters.com/
文字光影效果
阴影:<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 style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>
这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。
为日志添加背景图片访客计时器
<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>
访客计时器养宠物(暂时有问题)
<p align=center>您已经在本站观赏了 <img src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nt0kiLi3m05QjJK_1CD7tMIlhB96ozLtpvWdk5KFDoNVxI1YEBzZ6N8R_ZI5XzGGYyfhrAU83aHWwoR52hOKjpYIy2DW-CmCxfXPeDxLtLRHw"><img src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nubRgYRRpgxEf38bLfqhBKuMiyBg5zmK8-rcZH3MXu-2QM-XRh53t-xs8IkmeGdIztMyg9eNkJvRbe-Jp-L3YDBeaOH9MFnd0kSbvh9V0pyRA"> 分 <img src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2ntttKbnx1rudAaCTm6ZU3BuhXpZ0G5xJeeLooz7Mi3VbspikWvVGUjYSM6ckq6pvgYsotLUS6kEgPECMLgNQK2pLuyFhyiDvkFp6JzeRUu_Bw"><img src="http://storage.msn.com/x1pGHpas_o48lnoYv3Wtf0YLnI2ex9RBQtxh2MOTtTh2nv4DiYFl1JFm-2hqt94848FU2XMyJB544U7YaWxfXByz611dnBB6Vwfx6YKIvV89gAcFZW1rb8_hzh5_ZGXgRLMtLsFWrLEqJSEs_xv5kiZUg"> 秒。</p>
养宠物(暂时有问题)
<IFRAME src="http://bunnyherolabs.com/adopt/dog.swf?cn=puppy&an=loadmemory" width=368 height=240></IFRAME>
隐形背景
<DIV align=center><PRE></TABLE></TABLE><TABLE cellSpacing=0 width="100%" border=0><TBODY><TR><TD></TD></TR><TR><TD></TD></TR><TR><TD><DIV><TABLE cellSpacing=0 width="100%" border=0><TBODY><TR><TD></TD></TR><TR><TD></TD></TR><TR><TD><DIV> </DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE><TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 background=http://www.3mm.org/cartoon/Apple_Candy_Girl/mxxx01/ml0006.jpg border=0><TBODY><TR><TD><DIV> </DIV><DIV align=center><FONT size=3></FONT></DIV></TD></TR></TBODY><PRE></PRE><PRE></PRE><DIV></DIV><PRE></PRE><DIV></DIV><PRE></PRE><DIV></DIV><PRE></PRE><DIV></DIV><PRE></PRE><DIV></DIV><PRE></PRE><DIV></DIV></PRE></DIV>
闪动文本筐
<DIV style="WIDTH: 504px; HEIGHT: 24px"><IMG height=1 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif" width=504 align=right><IMG height=24 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_17_3?1116173632.gif" width=488 align=right>
<DIV style="FONT-SIZE: 18px; FILTER: Chroma(color=#FCFBFA); FLOAT: left; WIDTH: 494px; HEIGHT: 24px; BACKGROUND-COLOR: #7b9966" align=center><FONT color=#fcfbfa>写字</FONT></DIV></DIV>
让背景固定不动的代码:
<style>body{background-attachment:fixed</style>

修改鼠标样式代码:
<style>BODY{cursor:url("鼠标文件地址");}</style>
(鼠标文件一般为.ani或者为.cur格式。)
也可以修改成常见的样式,例如只是修改成手形鼠标:
<style>BODY{cursor:hand}</style>
给一个鼠标指针的地址:http://bobo4.com/ly/index.htm

弹出对话框代码:
这个:<script language="javascript">alert("欢迎到访!");</script>
或者这种:<script language="vbscript">msgbox "欢迎到访!"</script>

怎样在留言本上加音乐:
1、<bgsound src="http://bluemask.net/ffsI.mid" loop="-1">
src="音乐文件地址"
src的值是音乐文件的地址,例如:http://bluemask.net/ffsI.mid;
loop="-1",loop的值表示循环的次数,-1表示一直循环,如果换成其他整数,如2,将循环两次。
此代码适用于mid, wav, mp3等格式,建议音乐文件不要太大,不建议使用mp3格式。
2、另一种是:<embed src="音乐文件地址" width=0 height=0 panel=0 autostart=true loop=true>
这种代码的好处是可以边下载边播放,如果需要还可以显示出播放面板,适用于wmv, mp3, mpeg,rm,ram等许多格式的媒体文件。

怎样在留言本里加上FLASH影片:
<embed src="flash文件地址" width="500" height="400"
type="application/x-shockwave-flash" wmode="transparent" quality="high">
把其中的“flash文件地址”改为你所想要插入播放的flash文件的地址就可以了。其中的“width=500”和“height=400”为被播放的flash文件的尺寸,根据具体情况可能需要修改。

加入透明FLASH代码:
<embed src="这里放flash的地址";; width="800" height="800" quality="high"wmode="transparent" align="right" style="position: absolute; left:92; top:0">
提供一些透明Flash地址:
138种透明FLASH样式,查看时从1~138依次修改红色的数字。
Quick