档案
日志
相册
视频
分享
2007-04-21 | 关于博客的一些代码
前些天问起一个朋友关于他博客上面一些好看的图片的制作方法他给我了一些代码，我就发在我的博客上面自己能用也希望能够给网友方便！
把代码中蓝色部分的“图片地址”换成你想要的图片地址插入就可以了，QQ号和字体同类。
一、融入背景的图片(在“个人档案”中插入)：
<div style="RIGHT: 10px; POSITION: absolute; TOP: 400px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="图片地址" style="FILTER: Alpha(Opacity=80,style=3)" border="0" /></td></tr></tbody>
注: style=风格.right=靠右.left=靠左.
FILTER=滤镜.TOP=图片顶端离页面最上端距离
opacity=95”指图片起始透明度,有效范围“0~100”
finishOpacity=0”指图片结束透明度,有效范围“0~100”
二、日记中效果图代码(这个代码是我每篇日记中做图所用的代码)：
<div><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><font color="#cccccc"><img style="FILTER: Alpha(Opacity=80,style=2)" src="图片地址" border="0" /></font></td></tr></tbody></table></div><p>
注:在撰写新日志时，在右下角有个“显示源代码”转换过去，插入代码就可以，然后再转换回来。
三、插入在“个人档案”下面显示的图片(在“个人档案”中插入)：
<img height="260" src="图片地址" width="180" border="0" />
注：height为图片的高度,width为图片的宽度,一般宽度都设置180,大了一是不好看,二是效果显示不出来。
四、插入QQ(在“个人档案”中插入)：
<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=2QQ号&Site=http://yixiong.blog.sohu.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:20243849:13" alt="联系我" /></a>
注：替换成自己的QQ号就可以
五、显示停留时间代码(在“个人档案”中插入)：
<DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV>
六、显示IP地址(在“个人档案”中插入)：
<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>
七、挂件的代码(在“个人档案”中插入)：
左边挂件(短)：
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
左边挂件(长)：
<<div style="RIGHT: 900px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 90px; PADDING-TOP: 0px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div>
右边挂件(短)：
<DIV style="LEFT: 900px; POSITION: absolute; TOP: 5px" align=right><IMG src="挂件地址" align=right></DIV>
右边挂件(长)：
<div style="RIGHT: 10px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 90px; PADDING-TOP: 0px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div>
注：。其中LEFT: 为从左向右移的位置，即挂件距离屏幕左边缘的距离；TOP: 为从上向下移的位置，即挂件距离屏幕上边缘的距离！左右两边挂件都是以屏幕左边缘为基准的，其距离的具体数值可根据实际情况而定！还有一种插入长挂链的代码，我没有发出来。
八、FLASH时钟代码(在“个人档案”中插入)：
<embed src="时钟地址" type="application/x-shockwave-flash" width="180"
height="180"></embed>
注：代码当中的“时钟地址”，用相应的FLASH时钟地址代替就可以了，大家完全可以替换自己喜欢的样式，来尽情的装点自己的博客！
九、FLASH动画的代码：
<p align="center"> <embed src="动画地址"width="450" height="280"type="application/x-shockwave-flash"/></p><p> <p>
注：添加代码的时候要先切换到编辑日志时候右下角的“切换到代码视图”再把代码弄进去哦，这样的话才能更好的显示！
十、字体效果(写日记中使用)：
发光文字效果：
<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷体" color="#ffffff" size="4">想输入的字</div>
投射阴影文字效果：
<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:30pt" face="隶书" color=#009900>想输入的字<div >
阴影效果：
<div style="COLOR: #990099; FILTER: shadow(color=blue); FONT-FAMILY: 方正舒体; FONT-SIZE: 20pt; WIDTH: 100%"><B>想输入的字</B></div>
光晕效果：
<div style="FONT-SIZE:25pt;FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px">想输入的字</div>
渐变效果：
<div style="FONT-SIZE:25pt;filter:alpha(opacity=70,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>想输入的字</B> </div>
注:opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变；
width：100%则表示参与渐变的对象的宽度，通常都设置为100%。
带颜色阴影：
<div style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>想输入的字</B></div>
波纹效果：
<div style="FONT-SIZE: 27pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>想输入的字</B></div>
注:add属性：波纹型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq属性：决定显示的频率，即应出现多少个波形；
phrase属性：决定波形的形状，值取0至360之间；
strength属性：决定波形的振幅。
投影效果：
<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=green, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#b5a642><CENTER>想输入的字</CENTER></FONT></DIV>
带背景的字：
<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>想输入的字</B></div>
文字特效使用技巧汇总(种类很多，我只列举了以上几种):
1.代码中#后面紧跟的那些数字和英文就是颜色的代码,如果要替换代码中的颜色,请参考颜色代码表.
2.单击字体后会出现一个小框,可以拉动小框的边角来改变这个放置字体文本框的大小(不可以改变字体的大小).(当字体显示不全时可以使用)
3.双击字体后会出现一个边框较粗的框,你就可以在里面写文字了.(如果字显示不全,请把光标停在这个框里的顶头,回车即可)
4.如果单击或双击字体后无法返回到字体外,请先把显示源代码前的钩打上,在去掉就可以了.
5.要改变字体的大小,请修改代码中FONT-SIZE后面的数值.
6.把你要写的字替换掉代码中我写的那些汉字就可以了,你还可以在双击发光字体来进行排版.
十一、融入背景的播放器：
<table style="BORDER-RIGHT: #6a6a68 4px dotted; BORDER-TOP: #6a6a68 4px dotted; BORDER-LEFT: #6a6a68 4px dotted; BORDER-BOTTOM: #6a6a68 4px dotted" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000"><tbody><tr><td><tablealign="center" bgcolor="#000000" border="0" ><tbody><tr><td style="FILTER: alpha(opacity=100,style=3 )"><palign="center"><embed src="http://v.qingyinyue.com/yuedui2/musicm4/VOD5/707/6.wma" width="200" height="45" type="audio/mpeg" autostart="false" loop="false" /></p></td></tr></tbody></table></td></tr></tbody></table>
注：这个播放器就是运用滤镜效果使得播放器和博客背景色更好的融合在一起。只要把下面代码中的蓝色字体内容更改一下再粘贴复制一下就可以了，一开始的红色代码是设置边框的样式和颜色，不喜欢也可以删掉，后面两个bgcolor后面改成自己喜欢的颜色就好，border是指表格边框粗细，style的值可以为1，2，3中的任意一个，大家可以自己试一下，选个喜欢的，src后面就是歌曲的网络地址了。但是要使用这段代码最好使用WMA格式的音乐，用MP3格式的歌曲会使得安装了QUICKTIME的朋友看不到效果。
分享
评论
想第一时间抢沙发么？