代码日志

个人日记

图片
 

用代码做空间日志

图片
 

主讲/编辑/制作:风致嫣然

 

图片

 

制作素材:

 
 
 
图片      图片    
 
图片     底图      图片
 
  图片
 
 图片
 
HTML在线编辑器:http://www.wyzxsx.com/editor.asp
 
 
风致嫣然讲解录像:
 
 
 
 
 原图:
图片
图片
 
 圆形渐变透明代码:<img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

 

效果图:

 


图片
 

X形渐变透明代码<img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

 

效果图



图片

 
黑白效果代码:<img src="图片地址" style="filter:'gray'">

 

效果图

 

图片
 
X光效果(底片)代码:<img src="图片地址" style="filter:'xray'">

 

效果图

 

图片
 
浮雕效果代码:<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

 

效果图

图片
上下颠倒代码:<img src="图片地址" style="filter:flipv">
 
效果图

图片
 
左右颠倒代码:<img src="图片地址" style="filter:fliph">

 

效果图

 图片

 

色彩颠倒代码:<img src="图片地址" style="filter:invert">

 

效果图

图片

 

 粒状阴影代码:<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">

 

效果图

图片
 
水波效果代码:<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

 

效果图

 

人物的水波效果不好,风景画的水波效果还是不错的,朋友们可以试试。

图片
 
凹进框代码:<img src="图片地址" style="border:50 inset #ff88ff">
凸出框代码:<img src="图片地址"style="border:50 outset #ff88ff">
虚线框代码:<img src="图片地址" style="border:8 dashed #ff0000">
凹槽框代码:<img src="图片地址" style="border:50 groove green" border="0">
脊状框代码:<img src="图片地址" style="border:50 ridge green" border="0">
凹进框效果图 
(其它效果朋友们自己去试,颜色和宽度都可以自定)
图片
 
闪光字代码:<TABLE style="BACKGROUND-IMAGE: url(字体图片)" cellSpacing=0 cellPadding=0 align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="BACKGROUND-IMAGE: url(图片背景)" align=center tbody="tbody" table="table">
<TBODY>
<TR>
<TD align=middle>
<P><FONT style="FONT-WEIGHT: normal; FONT-SIZE:150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>竹 坞</B></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
 
效果图:
 

竹坞

图片
 
投影字代码:<DIV style="FILTER: shadow(color=#00ff00, strength=60); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>竹坞欢迎你!QQ344802476</FONT></DIV>

 

效果图:


竹坞欢迎你!QQ344802476
 
图片

 

图片

 

×

竹坞欢迎朋友们QQ344802476

 

 

 

 

嫣然谢谢朋友们的支持:   美丽人生 ­       以酬助友 ­

文章评论