在圖片上寫字的代碼

薈萃天地 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

在背景圖片上寫字代碼：

圖片的濾鏡效果：

1.透明效果：

注：

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的代碼

在圖片上加透明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表示高度.這兩個數值是可以誰便調整的,用來控制整個窗口的大小 .自己多試幾次就可以了. 二.如何給文字和圖片加鏈接小知... 閱讀全文>>

文章的鏈接代碼

~~~精品文章推薦閱讀 ~~~ 阿杜文章去她媽的英語四級！病我想我會一直孤獨…… 如果，那么他人文章閱讀：把你的手放在我乳房上你留意過自己的父母嗎？母愛不會有盜版講究與隨緣- - 女生宿舍看A片紀錄逢敵必亮劍老狐貍格言十八個超經典智慧故事智者和愚者生活中的考試信任的力量智慧是第一生命“色即是空，空即是色”的至妙境界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: 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文章時，點擊顯示源代碼, 粘貼這個代碼 ,雙擊圖片中間，出現寫字框后，在里面寫文章。

怎么上傳圖片：

如果遇到自己喜歡的圖片，為防止圖片地址鏈接失效，請把圖片存在自己的電腦中，然后上傳博客使用