精美日志相框滚动边框代码大放送2010-12-05 21:36
转载自
wenhuashoucang最终编辑
舂晖_666666这是相框代码和相片的制做代码、有的还可以打上字哦》》》
代码
<center><img src="图片地址" style="border:25 outset #ff88ff"></center>
代码
<center> <img src="图片地址" style="border:25 groove green" border="0"></center>
代码
<center><img src="图片地址" style="border:25 inset #ff88ff"></center>
代码
<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>
使图片朦胧效果的代码:
<IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">
代码
<TABLE style="WIDTH: 447px; HEIGHT: 363px" borderColor=#990099 height=363 width=447 align=center border=10>
<TBODY>
<TR>
<TD width=434><IMG height=330 src="../../admin/uploadpic/2005111714615342.jpg" width=418></TD></TR></TBODY></TABLE>
代码
<DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px">
<img src="
http://bbs.guqu.net/UploadFile/2004-11/20041130185928482.jpg" width=490 height=370><br></div>
<div style="position: absolute; top: 0px; left: 0px">
<table width="490" height="370" border="30" cellspacing="0" cellPadding="0" style="filter: Alpha(Opacity=43,Style=0)">
<tbody>
<tr>
<td width=100% align="center">
</td></tr></tbody></table></div></DIV>
代码
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 490px; POSITION: relative; TOP: 0px; HEIGHT: 370px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=370 src="
http://bbs.guqu.net/UploadFile/2004-11/20041130185928482.jpg" width=490><BR></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=370 cellSpacing=0 cellPadding=0 width=490 border=20>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=310 cellSpacing=0 cellPadding=0 width=430 border=20>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
代码
DIV align=center>
<TABLE borderColor=#00fa9a cellSpacing=2 cellPadding=1 align=center border=6>
<TBODY>
<TR>
<TD><IMG height=380 src="
http://www.chinaphotocenter.com/ztyz/9jgj/yishufengguang/0525.jpg" width=500></TD></TR></TBODY></TABLE></DIV>
下面这些可以打上字的图片加边框代码
代码
<TABLE style="RIGHT: 20px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 width=720 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff9900 6px outset; BORDER-TOP: #ff9900 6px outset; BORDER-LEFT: #ff9900 6px outset; BORDER-BOTTOM: #ff9900 6px outset" height=470 cellSpacing=0 width=700 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码
<TABLE style="RIGHT: 30px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 width=720 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff9900 6px inset; BORDER-TOP: #ff9900 6px inset; BORDER-LEFT: #ff9900 6px inset; BORDER-BOTTOM: #ff9900 6px inset" height=470 cellSpacing=0 width=700 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码
<TABLE style="RIGHT: 30px; WIDTH: 720px; POSITION: relative; TOP: 20px" height=492 cellSpacing=15 cellPadding=20 background=http://bbs.rednet.cn/uploadfile/2007/09/14_112809.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff9900 6px double; BORDER-TOP: #ff9900 6px double; BORDER-LEFT: #ff9900 6px double; BORDER-BOTTOM: #ff9900 6px double" height=492 cellSpacing=0 width=720 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码
<TABLE id=table1 style="; LEFT: 0px; WIDTH: 350px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-TOP: 15px" vAlign=top>
<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#BE0E0E,direction:145,strength:15)" cellSpacing=3 cellPadding=20 border=2>——只是这里换了颜色代码,边框就变成红色了。
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE height=109 cellSpacing=10 cellPadding=10 width=256 background=http://bbs.yue.cc/UploadFile/2005-10/2005101911305452901.gif>
<TBODY>
<TR>
<TD width=256></TD></TR><BR></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE
滚动边框代码
在这个边框里写上你的日志//嘻嘻!
<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_4><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/93e1aede199cda5f94ee37ab.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #FFFF00; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>
滚动边框代码
在这个边框里写上你的日志//嘻嘻!酷酷爱你
<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_6><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/4a76faef6608cb1dfdfa3cab.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #FFFF00; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>
这个滚动边框代码
在这个边框里写上你的日志//嘻嘻!
<center><table background=http://image18.360doc.com/DownloadImg/2010/12/0621/7419258_8><tr><td> <div style="overflow: auto; width: 500; height: 300; background-image: url(http://hiphotos.baidu.com/qwertyaaa/pic/item/8fa9b6c412e88aa38326ac0d.jpg); background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; border: 5px dotted #3333FF; padding-left: 100px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; background-position: 0% 50%"> <p align=left> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> 文字<br><br>文字<br><br>文字<br><br>文字<br><br>文字<br><br> </div> </td></tr></table> </center>
彩色字代码欢迎使用
代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>月之故乡</B></FONT> <BR><BR></CENTER>
代码:
<DIV style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #FFCC00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎您</B></DIV>
代码:
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 72%; COLOR: white; LINE-HEIGHT: 150%;
FONT-FAMILY: 华文彩云"><B>欢迎您的到来</B></FONT>
代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>我爱你 </B></FONT> <BR><BR></CENTER>
代码:
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>酷酷爱你</B></FONT></CENTER></DIV>
代码:
<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">HTML标签!</FONT></P>
代码:
<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>山水天下欢迎你</FONT></DIV>
代码:
<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>一声问候...</B></FONT></P>
代码:
<DIV style="FONT-SIZE: 52pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">山水天下</DIV>
代码:
<P><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>山水天下欢迎你</B></FONT></CENTER></P>
代码:
</B><BR></B><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>华文行楷!</FONT>
<DIV></DIV><BR><BR></DIV>
代码:
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>常用字体</B></FONT>
代码:
<P><FONT style="FONT-SIZE: 35pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">躲藏在感情的背后 </FONT></P>
代码:
<P align=center><FONT style="FONT-SIZE: 45pt; FILTER: shadow(color=#6495ED,strength=15); WIDTH: 100%; COLOR: #00ffff; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">爱在深秋</FONT></P>
代码:
<P><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #00ccff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>山水天下</B></FONT></P>
代码:
<P><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=lime#b0c4de); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>想念绿色的春天</B> </FONT></P>
代码:<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366
); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>
代码:
<P align=center>日出江花红胜火 春来江水绿如蓝</P></FONT>
<P align=center> </P>
代码:
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>月之故乡 月之故乡</FONT></CAPTION> <BR></CAPTION></P>
梅子欢迎你