分享

在图片上写字的代码

 荟萃天地 2012-09-08

 在图片上写字的代码 

<TABLE style="WIDTH: 600px; HEIGHT: 60px" borderColor=#ff8000 cellSpacing=1 cellPadding=1 width=480 align=center background=粘贴背景图片的地址 border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

 

关于这个代码的具体应用,在下面这个地址的的博文里有详细介绍:http://blog.sina.com.cn/s/blog_537b55d0010007zo.html

在背景图片上写字代码

<table width="100%" border="0">
<tr>
<td height="384" background="图片网址"></td>
</tr>
</table>

图片的滤镜效果:

1.透明效果:

<img src="图片网址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片网址"></div>

注:

opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明

2.翻转效果:

左右翻转格式:
<img src="图片网址" style="filter:FlipH">

<div style="filter:FlipH ;width:宽;height:高"><img src="图片网址"></div>

上下翻转格式:
<img src="图片地址" style="filter:FlipV">

<div style="filter:FlipV ;width:宽;height:高"><img src="图片网址"></div>

3.变调效果:

灰调格式:
<img src="图片网址" style="filter:Gray">

<div style="filter:Gray ;width:宽;height:高"><img src="图片网址"></div>

X光效果:
<img src="图片网址" style="filter:Xray">

<div style="filter:Xray ;width:宽;height:高"><img src="图片网址"></div>

色彩对换:
<img src="图片网址" style="filter:Invert">

<div style="filter:Invert ;width:宽;height:高"><img src="图片网址"></div>

4.边框效果:

发光:

(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2
滤镜高=图高+发光强度x2+10)
<div style="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高" align=center><br><img src="图片网址"></div>

投影:

(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)
濾鏡高=图高40)
<div style="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片网址"></div>

阴影:

(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)
<div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片网址"></div>

模糊:

(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)
<div style="filter:Blur(direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片网址"></div>

波形:

(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2
滤镜高=图高+振幅强度x2+10)
<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片网址"></div>

sohu博客教程系列       放大缩小挂件代码教程*原创代码

1 sohu博客教程系列之放大缩小挂件代码教程*原创代码 用到的代码:<DIV style="LEFT: 0px; POSITION: absolute; TOP: 30px" align=left><IMG height=122 src="图片url地址" width=1006 name=largepic></DIV> 大家看到其中有个height那个就是修改图片长度的代码了,再看到其中有个width就是修改图片宽度的代码了。在最前面有个left就是修改图片距离左边的位置,那个top就是修改距离右边的位... 阅读全文>>

在图片上加透明FLASH的代码 代码如下: <TABLE height=393 cellSpacing=0 cellPadding=0 width=524 background=图片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=透明FLASH地址 width=524 height=393 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/... 阅读全文>>

一.如何在首页和日志文件中添加FLASH. 代码: <EMBED src=http://img.flash.tom.com/flashlink/flash_swf/w/wangluoshow/1137658901_45446.swf width=600 height=400 type=application/x-shockwave-flash> 说明:把粉色的地址改成你的FLASH地址就可以了.记得是(.SWF)格式的.width=600 表示宽度,height=400表示高度.这两个数值是可以谁便调整的,用来控制整个窗口的大小 .自己多试几次就可以了. 二.如何给文字和图片加链接 小知... 阅读全文>>

~~~精品文章推荐阅读 ~~~ 阿杜文章 去她妈的英语四级!病 我想我会一直孤独&hellip;&hellip; 如果,那么 他人文章阅读:把你的手放在我乳房上你留意过自己的父母吗?母爱不会有盗版讲究与随缘- - 女生宿舍看A片纪录逢敌必亮剑老狐狸格言十八个超经典智慧故事智者和愚者生活中的考试信任的力量智慧是第一生命&ldquo;色即是空,空即是色&rdquo;的至妙境界19个版本的大话西游台词赵本山之NBA脑筋急转弯Flash超级女生宿舍 文章的链接代... 阅读全文>>

更改标题文字和模板宽度) 一、如何更改博客上的标题文字的大小和颜色-代码如下: <STYLE type=text/css> .banner .title td{font-family:楷体_GB2312;} .banner .title td{font-size:36px;} .banner .title td{FILTER: glow(color=#000000,direction=2);} .banner .title td{color:#ffff66;} .banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} </STYLE> 注: .banner .title... 阅读全文>>

代码: <STYLE type=text/css> body{background:url("页面大背景图片地址") repeat scroll!important;} .logo{background:url("题图上背景图片地址") no repeat no scroll!mportant;} .banner{background:url("题图下背景图片地址") no repeat no scroll!mportant;} .menu{background:url("题图下的菜单背景图片地址") no-repeat center;} .feeds .up{background:url("正文标... 阅读全文>>

在背景图片上写字代码: <table width="100%" border="0"><tr><td height="384" background="图片网址"></td></tr></table> 图片的滤镜效果: 1.透明效果: <img src="图片网址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">或<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;w... 阅读全文>>

代码: <MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滚动<BR>滚<BR>在滚<BR>永远在滚</MARQUEE> 注: width-------整个滚动区的宽度,可调; height------整个滚动区的高度,可调; scrollamount----滚动步长,改动变化很大,数值越大滚动越快; scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢; irectio... 阅读全文>>

代码: <div align="center"><center><table border="0" cellspacing="1" width="498" height="1" background="http://blog.sina.com.cn/pic/470e283e020001cy"><tr><td width="498" height="67" colspan="3"> </td></tr><tr><td width="50" height="1" rows... 阅读全文>>

 

示例 姓名:阿杜 年龄:>20 职业:杀手! 爱好:砍人! 格言:誓将博客做到底 代码如下: <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="145" height="251" background="http://album.sina.com.cn/pic/470e283e020007ns"> <tr><td width="... 阅读全文>>

如何在背景图片上写字代码:

<DIV style="BACKGROUND: url(图片地址); WIDTH: 888px; HEIGHT: 588px"></DIV>

背景图片滚动写字框代码:

<DIV style="BACKGROUND: url(图片地址); WIDTH: 888px; HEIGHT: 768px">
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px; OVERFLOW: auto; WIDTH: 888px; HEIGHT: 768px">
</DIV>

半透明图片代码:
<DIV align=center><IMG style="FILTER: Alpha(Opacity=80,style=2)" src="图片地址" border=0></DIV>

width是宽度,HEIGHT是高度,高度与宽度,可以自行改动。

显示源代码打勾复贴上后去勾,双击就可以写字或贴图了。

怎样得到图片地址: 

用鼠标点击图片的属性地址,得到地址,覆盖在代码中"图片地址",发表BLOG文章时,点击显示源代码, 粘贴这个代码 ,双击图片中间,出现写字框后,在里面写文章。
 
 怎么上传图片:
 
如果遇到自己喜欢的图片,为防止图片地址链接失效,请把图片存在自己的电脑中,然后上传博客使用

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

    0条评论

    发表

    请遵守用户 评论公约