在圖片上寫(xiě)字的代碼

薈萃天地 2012-09-08

展開(kāi)全文

在圖片上寫(xiě)字的代碼

<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>

關(guān)于這個(gè)代碼的具體應(yīng)用，在下面這個(gè)地址的的博文里有詳細(xì)介紹：http://blog.sina.com.cn/s/blog_537b55d0010007zo.html

在背景圖片上寫(xiě)字代碼：

圖片的濾鏡效果：

1.透明效果：

注：

opacity:開(kāi)始處的透明度
finishOpacity:結(jié)束處的透明度
style:0,平均透明 1,線狀透明 2,圓形透明 3,菱形透明

2.翻轉(zhuǎn)效果：

左右翻轉(zhuǎn)格式:
<img src="圖片網(wǎng)址" style="filter:FlipH">
或
<div style="filter:FlipH ;width:寬;height:高"><img src="圖片網(wǎng)址"></div>

上下翻轉(zhuǎn)格式:
<img src="圖片地址" style="filter:FlipV">
或
<div style="filter:FlipV ;width:寬;height:高"><img src="圖片網(wǎng)址"></div>

3.變調(diào)效果：

灰調(diào)格式:
<img src="圖片網(wǎng)址" style="filter:Gray">
或
<div style="filter:Gray ;width:寬;height:高"><img src="圖片網(wǎng)址"></div>

X光效果:
<img src="圖片網(wǎng)址" style="filter:Xray">
或
<div style="filter:Xray ;width:寬;height:高"><img src="圖片網(wǎng)址"></div>

色彩對(duì)換:
<img src="圖片網(wǎng)址" style="filter:Invert">
或
<div style="filter:Invert ;width:寬;height:高"><img src="圖片網(wǎng)址"></div>

4.邊框效果：

發(fā)光:

(color為發(fā)光顏色代碼,strength是發(fā)光強(qiáng)度,濾鏡寬=圖寬+發(fā)光強(qiáng)度x2
濾鏡高=圖高+發(fā)光強(qiáng)度x2+10)
<div style="filter:Glow(color=#4A7AC9,strength=15);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片網(wǎng)址"></div>

投影:

(color為發(fā)光顏色代碼,direction方向(只能是45度的倍數(shù)如:45,90,135,180,225,270,315度),濾鏡寬=圖寬+25)
濾鏡高=圖高40)
<div style="filter:Shadow(color=#4A7AC9,direction=135);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片網(wǎng)址"></div>

陰影:

(color為發(fā)光顏色代碼,offX水平位移offY垂直位移(可正可負(fù)),濾鏡寬=圖寬+水平位移絕對(duì)值+10,濾鏡高=圖高+垂直位移絕對(duì)值+20)
<div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片網(wǎng)址"></div>

模糊:

(direction方向(只能是45度的倍數(shù)如:45,90,135,180,225,270,315度),濾鏡寬=圖寬+15,濾鏡高=圖高+30)
<div style="filter:Blur(direction=135);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片網(wǎng)址"></div>

波形:

(freq頻率(>0)strength振幅強(qiáng)度(>0)lightstrength波峰強(qiáng)度(0~100愈高越黑)phase起始相位(0~100),濾鏡寬=圖寬+振幅強(qiáng)度x2
濾鏡高=圖高+振幅強(qiáng)度x2+10)
<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片網(wǎng)址"></div>

sohu博客教程系列放大縮小掛件代碼教程*原創(chuàng)代碼

1 sohu博客教程系列之放大縮小掛件代碼教程*原創(chuàng)代碼用到的代碼：<DIV style="LEFT: 0px; POSITION: absolute; TOP: 30px" align=left><IMG height=122 src="圖片url地址" width=1006 name=largepic></DIV> 大家看到其中有個(gè)height那個(gè)就是修改圖片長(zhǎng)度的代碼了，再看到其中有個(gè)width就是修改圖片寬度的代碼了。在最前面有個(gè)left就是修改圖片距離左邊的位置，那個(gè)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/... 閱讀全文>>

美化你的博客有小

一.如何在首頁(yè)和日志文件中添加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> 說(shuō)明:把粉色的地址改成你的FLASH地址就可以了.記得是(.SWF)格式的.width=600 表示寬度,height=400表示高度.這兩個(gè)數(shù)值是可以誰(shuí)便調(diào)整的,用來(lái)控制整個(gè)窗口的大小 .自己多試幾次就可以了. 二.如何給文字和圖片加鏈接小知... 閱讀全文>>

文章的鏈接代碼

~~~精品文章推薦閱讀 ~~~ 阿杜文章去她媽的英語(yǔ)四級(jí)！病我想我會(huì)一直孤獨(dú)…… 如果，那么他人文章閱讀：把你的手放在我乳房上你留意過(guò)自己的父母嗎？母愛(ài)不會(huì)有盜版講究與隨緣- - 女生宿舍看A片紀(jì)錄逢敵必亮劍老狐貍格言十八個(gè)超經(jīng)典智慧故事智者和愚者生活中的考試信任的力量智慧是第一生命“色即是空，空即是色”的至妙境界19個(gè)版本的大話西游臺(tái)詞趙本山之NBA腦筋急轉(zhuǎn)彎Flash超級(jí)女生宿舍文章的鏈接代... 閱讀全文>>

更改標(biāo)題文字和模板寬度

更改標(biāo)題文字和模板寬度）一、如何更改博客上的標(biāo)題文字的大小和顏色－代碼如下： <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("頁(yè)面大背景圖片地址") 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("正文標(biāo)... 閱讀全文>>

在背景圖片上寫(xiě)字代碼

在背景圖片上寫(xiě)字代碼： <table width="100%" border="0"><tr><td height="384" background="圖片網(wǎng)址"></td></tr></table> 圖片的濾鏡效果： 1.透明效果： <img src="圖片網(wǎng)址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">或<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;w... 閱讀全文>>

滾動(dòng)字幕代碼

代碼： <MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滾動(dòng)<BR>滾<BR>在滾<BR>永遠(yuǎn)在滾</MARQUEE> 注： width-------整個(gè)滾動(dòng)區(qū)的寬度，可調(diào)； height------整個(gè)滾動(dòng)區(qū)的高度，可調(diào)； scrollamount----滾動(dòng)步長(zhǎng)，改動(dòng)變化很大，數(shù)值越大滾動(dòng)越快； scrolldelay-----滾動(dòng)頻率，每次跳動(dòng)之間的時(shí)間間隔，數(shù)值越大跳的越慢； irectio... 閱讀全文>>

漂亮的圖片寫(xiě)字框代碼

代碼: <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 職業(yè):殺手! 愛(ài)好:砍人! 格言:誓將博客做到底代碼如下: <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="... 閱讀全文>>

如何在背景圖片上寫(xiě)字代碼：

背景圖片滾動(dòng)寫(xiě)字框代碼：

<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是高度,高度與寬度,可以自行改動(dòng)。

顯示源代碼打勾復(fù)貼上后去勾，雙擊就可以寫(xiě)字或貼圖了。

怎樣得到圖片地址：

用鼠標(biāo)點(diǎn)擊圖片的屬性地址,得到地址，覆蓋在代碼中"圖片地址",發(fā)表BLOG文章時(shí)，點(diǎn)擊顯示源代碼, 粘貼這個(gè)代碼 ,雙擊圖片中間，出現(xiàn)寫(xiě)字框后，在里面寫(xiě)文章。

怎么上傳圖片：

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

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：薈萃天地 > 《初學(xué)者園地》

舉報(bào)/認(rèn)領(lǐng)