分享

html日志常用代码

 情醉湖畔 2012-02-03

圆形代码:

代码
 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

 

 

方形代码:

代码

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=3)"width=300>
</CENTER>

 

 

图片移动代码:

代码
 

<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>

 
改变图片大小代码
代码
 

<P align=center><IMG height="</FONT>

 

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

把图片的高度(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="

<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:

代码  

<DIV style="FONT-SIZE: 16px">
<DIV align=left>
<TABLE style="BACKGROUND-IMAGE: url(图片地址)" border=0 cellSpacing=140 borderColor=#cccccc cellPadding=140 width="100%" bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>

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

代码

<P></P>
<TABLE title=绛珠草编辑 style="BACKGROUND-IMAGE: url(背景图片地址)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width=870 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>

<P> </P>

 

 图片制作播放器

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR><TD>
<TABLE <TABLE style="BACKGROUND-IMAGE: url(图片网址)"
 border=0>
<TBODY><TR>
<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>

 

 

 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约