html日志常用代码

情醉湖畔 2012-02-03

展开全文

圆形代码：

代码

方形代码：

代码

图片移动代码：

代码

改变图片大小代码

代码

使用说明：只需要更换一下你喜欢的图片地址，

把图片的高度（height=200 ）和宽度（width=300 ），

改成你需要的大小就行了。

以后再看到大的图片放不进边框，你就可以用代码随意改变图片大小了！

图片左右对称代码

代码<P align=center>
<IMG style="FILTER: FlipH"src="图片地址"

width=250 height=360>

<IMG src="图片地址"width=250 height=360></P

图片上下对称代码

代码
<P align=center>

<IMG src="图片地址"width=500 height=300><BR><BR>
<IMG style="FILTER: FlipV"src="图片地址"

width=500 height=300></P>

多图滚动代码

代码

<MARQUEE>
<P align=center>
<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""
src="

<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""
src="

注：需要加多少图片就放几次代码

</P></TD></TR></TBODY></TABLE></CENTER></TD></TR><D></TR></TBODY></TABLE></MARQU

图片显现后而影藏的代码

代码<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

文字向左移动定位代码

你要写的字
你要写的字
你要写的字
你要写的字
你要写的字
你要写的字
你要写的字
你要写的字
你要写的字

代码

<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=500 align=center <TABLE style="BACKGROUND-IMAGE: url(图片地址)" border=15 table>
<TBODY>
<TR>
<TD>
<P>
<P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff00ff><BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字
<BR>你要写的字<BR>你要写的字<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

文字向上滚动代码

代码

DIV style="POSITION: absolute; TOP: 20px; LEFT: 130px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 600px; HEIGHT: 800px" align=center><SPAN>
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=left><FONT font="font"><FONT color=#ffffff size=4><STRONG>输入文字</STRONG></FONT></FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>
<DIV></DIV></DIV>

图片加竖排文字代码

代码

<DIV style="POSITION: absolute; TOP: 600px; LEFT: 300px">
<DIV align=left>
<DIV style="TEXT-ALIGN: left; WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 400px; FONT-SIZE: 20pt">
<P><FONT color=#87cefa face=楷体_GB2312><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR><STRONG>书写竖列文字</STRONG><BR></FONT></P></DIV></DIV></DIV>

横排文字定位代码1

代码

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>输入文字</STRONG></FONT> </P></DIV>

横排文字定位代码2

代码<DIV style="POSITION: absolute; WIDTH: 800px; HEIGHT: 658px; TOP: 700px; LEFT: 80px">
<P><FONT color=#ffffff size=5 face=楷体_GB2312>输入文字</P></STRONG></FONT></DIV>

纯颜色雾化图片代码

代码<CENTER>
<TABLE style="BACKGROUND: #<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" src="

添加flash代码

代码
<embed src="Flash素材地址"; width="素材宽度" height="素材高度" quality="high" wmode="transparent" align="right" style="position: absolute; left:水平距离; top:垂直距离">

添加动画代码

代码

<P> </P>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=动画地址 width=宽度 height=高度/x- shockwave-flash quality="high" wmode="opaque"></P>

随便找张图片就可以做日志信纸1：

代码

随便找张图片就可以做日志信纸:2

代码

<P> </P>

图片制作播放器

<TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=歌曲网址 width=300 height=25/mpeg autostart="1" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

漂亮标题栏

代码

<DIV align=center>
<TABLE style="BACKGROUND-IMAGE:

url(背景图片地址)" title=绛珠草欢迎你

align=center border=0 cellSpacing=0

cellPadding=5 width=502

align=center height=70 <table>
<TBODY>
<TR>
<TD>
<P align=center><FONT

color=#66ccff size=5>

<B>请在这输入文章标题</B></FONT>

</P></TD></TR></TBODY></TABLE></DIV>

无缝图片拼接

代码 <TABLE height=3000 cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

</TBODY></TABLE>

代码使用说明：

1、以上是8幅图片，可复制<TR><TD><IMG height=600 src="增减。

2、width、height的数值是图片的宽和高，根据图片本身的大小改变其数值。

图片穿越代码

代码

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 30px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=600>

使用方法

LEFT: 50px为横坐标，表示图片显示左右位置；TOP: 30px为纵坐标，表示图片显示的上下位置；

width=600表示图片的大小。

在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，需要使用多张图片在背景图上穿越，

多复制几次这个代码，改动代码中横坐标、纵坐标数字即可。

移动图片穿越代码

代码 <DIV style="LEFT: 30px; POSITION: absolute; TOP: 10px">
<CENTER>
<MARQUEE><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=400></MARQUEE></CENTER></DIV>

音乐播放器加滚动图片代码

代码

<DIV align=center>
<TABLE border=0 cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE>
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片1地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片2地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片3地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片4地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="图片5地址"> 　
</MARQUEE>

<FONT color=#ff0000><EMBED style="WIDTH: 544px; HEIGHT: 48px" class=blog_video height=48/mpeg width=544 src=音乐地址 allowscriptaccess="never" allowNetworking="internal" invokeurls="false" showstatusbar="1" autostart="true" loop="true" enablecontextmenu="False" allownetworking="internal"></FONT></TD></TR></TBODY></TABLE>
<DIV></DIV></DIV>

飘浮式音乐播放器制作代码

代码
<DIV align=center>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(背景图片地址); FONT: 12px/25px verdana; WIDTH: 600px; PADDING-TOP: 14px; BACKGROUND-REPEAT: repeat; HEIGHT: 445px"><BR>
<DIV align=left>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 300px">
<MARQUEE style="LEFT: 230px; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=MP3地址 width=200 height=20/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1">
<TR>
<DIV align=center><FONT face=华文行楷 color=#ff0000 size=5>可以写上歌曲名和歌手名</FONT></DIV></TD></TR></TBODY></TABLE></MARQUEE><BR>
<DIV></DIV>
<DIV></DIV><BR>
<DIV></DIV>
<DIV></DIV></MARQUEE></DIV></DIV></DIV></DIV>

空间友情超链接

代码 <P align=center><A class="c_tx2 q_namecard" href="链接的空间名称（文字） </STRONG></FONT></A><FONT color=#0000ff size=6><STRONG> </STRONG></FONT></P>

图片超链接

代码
<P align=center> </P>
<P align=center><A href="</FONT>target=_blank><IMG title=链接的名称（文字） style="WIDTH: auto; HEIGHT: auto" src="

三.标题文字链接代码(参考一同效）代码如下：

标题超链接

代码
<P align=center> </P>
<P align=center><A href="

size=4> （链接的）标题文字</FONT></A></P>

空间超链接

代码
[代码url=要链接的网页地址]点击此处进入我的空间[代码/url]

日志加边框代码

代码 <TABLE style="LEFT: -65px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center bgColor=#696969 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE style="BACKGROUND-IMAGE: url(小边框图片地址); WIDTH: 100%" cellSpacing=4 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(大边框图片地址); WIDTH: 100%" cellSpacing=120 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(日志背景图片地址); WIDTH: 100%" cellSpacing=5 align=left>
<TBODY>
<TR>
<TD>

多层加边框代码

代码
代码：
<TABLE style="LEFT: -65px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center bgColor=#696969 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE style="BACKGROUND-IMAGE: url(第一层最外面的细边框图片地址); WIDTH: 100%" cellSpacing=4 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(第二层最外面的大边框图片地址); WIDTH: 100%" cellSpacing=120 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(第三层中间的细边框图片地址); WIDTH: 100%" cellSpacing=5 align=left>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(第四层中间的大边框图片地址); WIDTH: 100%" cellSpacing=70 align=left>
<TBODY>
<TR>
<TD>
<P></P>
<P align=center>
<TABLE style="BACKGROUND-IMAGE: url(第五层最里面的细边框图片地址); WIDTH: 100%" cellSpacing=5>
<TBODY>
<TR>
<TD>
<P align=left></P>
<P align=center></P>
<P align=left>
<TABLE style="BACKGROUND-IMAGE: url(http://1872.img.pp.sohu.com.cn/images/blog/2008/10/21/11/2/11dc515664eg215.jpg); WIDTH: 100%" cellSpacing=5>
<TBODY>
<TR></TR></TBODY></TABLE>
<TABLE style="BACKGROUND-IMAGE: url(日志背景图片地址); WIDTH: 100%" cellSpacing=1>
<TBODY>
<TR>
<TD>