博客装饰--漂亮日志代码
|
|
每次自己装饰总要从别人那里找于是索性就转过来,方便自己使用了。
1)贴图:<img src="图片地址">
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
5)字体加粗:<b>写上你想写的字</b>
6)字体斜体:<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
14)贴flash: <embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行:<br>
17)段落:<p>段落</p>
1原始文字样式:<pre>正文</pre>
19)换帖子背景:<body background="背景图片地址">
20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>
21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)
22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>
24)添加音乐
<td width="70%" align="center">
<EMBED
src="音乐地址" width=90% height=30 type=audio/x-pn-realaudio-plugin controls="ControlPanel" border="1">
</embed>
</td>
</tr>
<tr></tr></table>25)Eing 意赢互动
所开发的一款内置于Blog或web页的在线播放器,使用Flash技术构建,致力于为广大博友提供更多更好的服务,设计更多创新产品给大家使用。这个播放器可自由添加歌曲,不过不提供本地上传,只能添加网络上的歌曲,另外目前有7种皮肤可供选择。
预览:
更多皮肤:
使用方法:
1、点击http://www.einhand.com,进入首页。
2、注册为新用户,点击
,进入一下对话框进行注册。
ID:chenjianxihe 密码:同上
3、登陆网站,
4、点击
进行个性化编辑。
5、添加歌曲 在以下对话框依次加入您喜欢的音乐,记住只能是mp3格式。
6、网站提供了国内一些著名搜索网站的链接,可以很方便得找到喜爱的歌曲。
7、依次添加歌曲后,在下面的歌曲列表中可以看到所加的歌曲,您还可以进行编辑、删除等处理。
全部加完后,千万记住点击
进行保存。
8、点击
进行播放器设置,如自动播放、播放顺序等。还可以挑选最喜欢的皮肤。
9、点击
将以下的代码复制到你的博客。
10、在网易博客,你有两种方法使用:
A、在博客首页上使用:登陆后编辑博客,点击排版、模块、自定义htm,将代码贴入。
记得给它取个好听的名字!
保存后浏览博客,就会在首页上看到一个很玄的播放器!
B、在发表的某一篇日志中插入播放器
写日志时,点击
,将代码贴入。
点击
,恢复到普通状态。播放器的位置可以自由调整。
志发表后,就会听到伴随着美妙的音乐!
一 透明播放器代码:
<TABLE style=" FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://218.28.63.133/song/user/200512345491281.wma width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>效果:
26)1:为自己的博客添加 动画
直接将下面的代码复制到你的日志里
<p align="center"> <embed src="动画地址"
width="450" height="280"
type="application/x-shockwave-flash"/></p><p> <p>
再将动画地址换成相应的地址就行了。注意一定要将右下角的小框打钩
http://imgfree.21cn.com/free/flash/191.swf
http://imgfree.21cn.com/free/flash/192.swf
http://imgfree.21cn.com/free/flash/193.swf
http://imgfree.21cn.com/free/flash/195.swf
http://imgfree.21cn.com/free/flash/196.swf
http://imgfree.21cn.com/free/flash/197.swf
http://imgfree.21cn.com/free/flash/203.swf
http://imgfree.21cn.com/free/flash/120.swf
http://imgfree.21cn.com/free/flash/189.swf
http://imgfree.21cn.com/free/flash/168.swf
http://imgfree.21cn.com/free/flash/169.swf
http://imgfree.21cn.com/free/flash/100.swf(钻石)27)添加挂件的代码:
·左边挂件:
<DIV style="LEFT: 5px; ; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
·右边挂件:
<DIV style="LEFT: 900px; ; TOP:200px"align=right><IMG src="挂件地址" align=right></DIV>
挂件可以选择GIF格式的动画图片!
其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!28)显示IP的代码,在自定义里直接粘帖就好
<img src=http://www.hotik.com/sign.png border=0>
<img src=http://www.xiakeboy.com/ip/ipimg.asp border=0>
<IMG src="http://www.ip.cn/s.php" border=0>29)如何在图片中加入文字?
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>兰色是:背景网址(可换)
红色是:放入文字的位置和格式
30)如何在图片中加入SWF特效?
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>绿色:是放入特效的位置和格式
双层表框加字 (特效)
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>落叶无痕</FONT><FONT color=#e6bd1a>欢迎你来到制贴天地学习</FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>31)如何使用上下滚动字幕?
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style=" HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>==============================
文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>注:scrollAmount=2 是控制字速,数值越大字速就越快!
32)左右移动字:
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>[*fly]
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>附注:这是方法一,在UBB操作用“飞”就可达到这效果,在使用时把[*/fly]的*号去掉
左右移动字方法(二):
代码如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字!</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
心灵之约制作
相关内容:
-----------------