html日志常用代码

转载自品略图书馆 http://www.pinlue.com/article/2019/03/2416/148374837537.html

 

圆形代码:

代码

<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>&nbsp;&nbsp;&nbsp;&nbsp;

<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>&nbsp;</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>&nbsp;</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>&nbsp;</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="链接的空间名称(文字) &nbsp;</STRONG></FONT></A><FONT color=#0000ff size=6><STRONG>&nbsp;</STRONG></FONT></P>

图片超链接

代码

<P align=center>&nbsp;</P>

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

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

标题超链接

代码

<P align=center>&nbsp;</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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值