標籤:

[博客代碼大全]

1、音畫代碼<P align=center><EMBED style="WIDTH: 550px; HEIGHT: 347px" align=center src=http://q.yesky.com/uploads/attachments/2009-02/05/0go7e15h.swf width_=550 height=347 type=application/x-shockwave-flash ></P>2、圖上部顯示序號、圖下部顯示swf地址的代碼:<P align=center>1</P><P align=center><EMBED src=http://pp6143.com.ne.kr/s50.swf width_=480 height=360type=application/x-shockwave-flash ></P><P align=center><A href="http://pp6143.com.ne.kr/s50.swf">http://pp6143.com.ne.kr/s50.swf</A></P>註:綠色部分調整即可3、虛影圖片加FLASH代碼〔製作不同的圖只要更換紅色部分即可〕:<P align=center><TABLE style="FILTER: Alpha(opacity=100,style=2); WIDTH: 566px; HEIGHT: 378px" borderColor=#d2b48c height=378 cellSpacing=1 width_=566 align=center background=http://image13.360doc.com/DownloadImg/2010/08/0218/4389552_2.jpg border=1><TBODY><TR><TD align=middle width_="93%"><BR><BR><BR><BR><BR><BR><EMBED style="WIDTH: 560px; HEIGHT: 300px" src=http://my.flashline.cn/flashline/sucai/bird/128.swf width_=560 height=300 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" autostart="0" quality="high" wmode="transparent"> &lt; TD&gt;</TD></TR></TBODY></TABLE></P>說明:<center><TABLE cellSpacing=0 cellPadding=0 width_=475 background=http://www.rosylife.net/UploadFile/2005-5/2005511222146934.jpg border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" <去掉做則不是虛影的圖片,可直接在圖片里加透明FLASH>width_=475 background=http://xz.2000y.net/100007/../../admin/uploadpic/200411502633442.jpg<將你要加的圖片地址備份複製好後粘貼在圖片地址上就是你想要加的圖片了>>height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/61.swf <找你喜歡透明的FLASH素材備份好地址後複製好後粘貼在FLASH地址上就是你要加的FLASH透明動畫了>width_=475 height=425 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>帖子透明虛化:使用時必須去掉"HTML"旁邊"自動修正"的鉤。幾種虛化效果代碼:圓形效果代碼:<IMG src="圖片" width_=500 height=375 style="filter:Alpha(opacity=100,style=2);">方形效果代碼:<IMG src="圖片" style="filter: Alpha(opacity=200,style=3)" width_=500 height=375>橢圓效果代碼:<IMG src="圖片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width_=500 height=375>4 、音樂代碼一.帖歌時不隱藏播放器1、自動播放<embed src="網址" height="300" width_="450" autostart="true" loop="true" >2、點擊後播放<embed src="網址" height="300" width_="450" autostart="false">二.帖歌時隱藏播放器且自動播放:<embed src="背景音樂網址" hidden="true" autostart="true" loop="true" >註:1、TRUE 自動播放;FALSE 不自動播放。2、LOOP="TRUE / FALSE / 數字" :設定是否要自動反覆播放,LOOP=2 表示重複兩次,LOOP="TRUE"無限次重複播放。3、WIDTH 和 HIGH="數字" :設定控制面版的寬度和高度。4、hidden="true":不顯示播放器的外觀,相當把播放器的高度和寬度設置為0。5、圖片代碼1.基本代碼<img src=圖片網址 width_=圖片寬度 height=圖片高度>註:embed為FLASH代碼2.給圖片加邊框<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=圖片網址 width_=600 height=407></td></tr></table>說明:border="6" 表格邊框的厚度cellspacing="2" 表格格線的厚度cellPadding=1 表格格線內厚度borderColor=#841A00 邊框色彩6、22種CSS朦朧圖片修飾代碼1.單線框<img src="圖片地址" style="border:3 solid #ff0000">2.雙線框<img src="圖片地址" style="border:5 double green">3.凸出框<img src="圖片地址"style="border:25 outset #ff88ff">4.凹進框<img src="圖片地址" style="border:25 inset #ff88ff">5.郵票框<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width_=533 height=399 align=center valign=middle><img src="圖片地址"></td></tr></table>6.虛線框<img src="圖片地址" style="border:4 dashed #ff0000">7.凹槽框<img src="圖片地址" style="border:25 groove green" border="0">8.脊狀框<img src="圖片地址" style="border:25 ridge green" border="0">9.立體陰影框<table width_=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><tr><td bgcolor="#ffffff" align=center valign=middle><img src="圖片地址"></td></tr></table>10.橫向漸變透明<img src="圖片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">11.圓形漸變透明<img src="圖片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">12.X形漸變透明<img src="圖片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">13.黑白效果<img src="圖片地址" style="filter:"gray"">14.X光效果(底片)<img src="圖片地址" style="filter:"xray"">15.浮雕效果<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">16.上下顛倒<img src="圖片地址" style="filter:flipv">17.左右顛倒<img src="圖片地址" style="filter:fliph">18.色彩顛倒<img src="圖片地址" style="filter:invert">19.粒狀陰影<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">20.模糊效果<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)">21.水波效果(風吹)<img src="圖片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">22.倒影效果<font style="width:533;height:399"><img src="圖片地址"><font style="width:533;height:399;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src="圖片地址"></font>7、有背景圖片的多層動畫代碼:<P align=center><TABLE height=350 cellSpacing=0 cellPadding=0 width_=455 align=center background=http://img698.photo.163.com/lch84486101/74148385/2328414283.jpg border=1><TBODY><TR><TD><FONT color=#ffff00><EMBED align=right src=http://whiteclou.16789.net/s-helpSite/domName/whiteclou/200411182124680666.swf width_=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> <EMBED align=right src=http://pinwenxuan.16789.net/s-helpSite/domName/pinwenxuan/200410232131857034.swf width_=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> <EMBED align=right src=http://whiteclou.16789.net/s-helpSite/domName/whiteclou/200411182054569156.swf width_=400 height=300 type=application/octet-stream quality="high" wmode="transparent"> </EMBED><EMBED align=right src=http://pin.16789.net/s-helpSite/domName/pin/20041120302281789.swf width_=400 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED></FONT></TD></TR></TBODY></TABLE></P>注:1、如果只放一層透明flash動畫,動畫代碼中的align=right 就可以刪去不要;2、如果要在背景圖片上放幾個透明flash動畫,那就將動畫代碼複製粘貼幾次依次排列於後,切記,複製粘貼的動畫代碼中,src的前面必須加上align=right ,否則幾個動畫就不是疊放的了,那就會按上、中、下的順序依次排列了,這個align=right 代碼是疊放的關鍵;3、代碼複製粘貼好後,就選擇你喜歡的圖片網址粘貼在綠色背景圖片地址處,選擇你喜歡的動畫地址依次粘貼在紅色透明flash動畫地址處;4、如果寬度(width)和高度(height)不合,就調一下它們的值,背景圖片的高度和寬度在紅色代碼中調,動畫的高度和寬度在黑色代碼中調。5、向圈子發動畫時,會多出一些allowNetworking="internal"allowScriptAccess="never"這樣的代碼,只有刪除這些代碼,動畫才可以顯示,否則看不到動畫效果。8、有邊框、背景、音樂的多層動畫代碼:<TABLE cellSpacing=20 cellPadding=0 width_=700 align=center background=http://image13.360doc.com/DownloadImg/2010/08/0218/4389552_3.gif border=2><TBODY><TR><TD><TABLE cellSpacing=10 borderColorDark=#6c3365 cellPadding=0 borderColorLight=#6c3365 background=http://image13.360doc.com/DownloadImg/2010/08/0218/4389552_4.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><TABLE cellSpacing=0 background=http://www.30-60.com/bbs5/UploadFile/2006-12/200612298163686045.jpg border=0><TBODY><TR><TD>(以上是音畫邊框代碼,也可以去掉不用)<TABLE style="WIDTH: 700px; HEIGHT: 525px" height=525 cellPadding=0 width_=700 align=center background=圖片地址 border=0><TBODY><TR><TD>(以上是背景圖片代碼,你可以根據圖片大小進行調整)<EMBED align=right src=第一層FLASH地址 width_=696 height=521 type=application/x-shockwave-flash quality="high" wmode="transparent"> <EMBED align=right src=第二層FLASH地址 width_=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第三層FLASH地址 width_=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第四層FLASH地址 width_=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> <EMBED align=right src=第五層FLASH地址 width_=696 height=521 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>(以上是五層FLASH的代碼,你可以換上自己喜歡的FLASH)<EMBED src=音樂地址 hidden=true type=audio/mp eg AUTOSTART="1" loop="-1" allowNetworking="internal" allowScriptAccess="never">(以上代碼是設置背景音樂,是採取隱藏和循環方式的)</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>9、無背景圖片,動畫之間的組合代碼:<P align=center><TABLE height=375 cellSpacing=0 cellPadding=0 width_=500border=5><TBODY><TR><TD><EMBED align=right src=http://teacher.am89.com/users/teacher/song88/userupload/l6.swf width_=500 height=375type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED style="WIDTH: 500px;HEIGHT: 375px" align=right src=http://youngcolor.com.ne.kr/swf1/59.swf width_=500 height=375type=application/octet-stream ;; quality="high"wmode="transparent"><EMBED style="WIDTH: 500px;HEIGHT: 375px" align=right src=http://youngcolor.com.ne.kr/swf1/36.swf width_=500 height=375type=application/octet-stream ;; quality="high"wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P>註:透明的flash放在前面,不透明的放後面,否則看不到效果。如果要加圖片做背景,就不能使用不透明的flash。10、大圖音畫代碼:<P align=center><A href="網頁地址" target=_blank><FONT face=黑體 color=#386138 size=4>點擊進入看全屏</FONT></A></P><P align=center>&nbsp;</P><P align=left></P><DIV style="LEFT: -35; WIDTH: 1000; POSITION: relative; TOP: 20px"><IFRAME marginWidth=0 marginHeight=0 src="網頁地址" frameBorder=0 width_=1000 scrolling=no height=4000></IFRAME></DIV>11、自用魚荷時鐘代碼:<P align=left><TABLE style="WIDTH: 240px; HEIGHT: 390px" height=390 cellPadding=0 width_=240 align=center background=http://img.blog.163.com/photo/JT-jMq_WBP1c8MlO-G8PXw==/2022960657620253546.jpg 背景border="0"><TBODY><TR><TD><P align=center><EMBED src=http://www.clocklink.com/clocks/0012-yellow.swf?時鐘TimeZone=CCT&amp; width_=150 height=150 type="application/x-shockwave-flash allowScriptAccess="never"" &nbsp; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><AUTOSTART="0" P> <BR><BR><BR><BR><BR><EMBED align=right src=http://podmedia.imhb.cn/uploadpodmedia/2008/2/18/20080218131010_40107.swf height=186 type="application/x-shockwave-flash allowScriptAccess="never"" &nbsp; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 鴨width_="240"><AUTOSTART="0" P> <EMBED align=right src=http://my.flashline.cn/flashline/sucai/lian/81.swf height=166 type="application/x-shockwave-flash allowScriptAccess="never"" &nbsp; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 荷width_="240"><AUTOSTART="0" P> <EMBED align=right src=http://podmedia.imhb.cn/uploadpodmedia/2008/1/26/20080126224545_81019.swf height=166 type="application/x-shockwave-flash allowScriptAccess="never"" &nbsp; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never" 魚width_="240"><AUTOSTART="0" P><CENTER></CENTER><P></P></TD></TR></TBODY></TABLE></P>12、163網易圖片如何在其他網站博客顯示?只要在圖片地址前加上:http://www.flashline.cn/163.asp?url= 即圖片的地址變為:http://www.flashline.cn/163.asp?url=http://img.photo.163.com/0aGxGBawsnVqSwSDZkmTxw==/790381734604264717.gif就可以正常顯示了!13、如何在首頁用圖片、文字顯示日誌摘要?日記寫完未發表前,在面板下面點擊《其他設置》,在出現的《摘要》里(大方框中)將下面的代碼粘貼進去:<A href="該篇日記的地址" target=_blank><IMG src="要使用的圖片的地址" ></A>或用以下代碼:<table width_="400" border="0" cellspacing="0"><tr><td width_="219"><a href="日誌網址" target="_blank"><img src="圖片網址" border="0"></a></td><td width_="177"><p><font size=4>說明的文字<br>說明的文字 </p><p></p></td></tr></table>註:博客的首頁要設置顯示《摘要》。14、數字時鐘製作代碼效果:

代碼: <embed src="https://www.getit01.com/getimg_360.php?url=http://www.clocklink.com/clocks/5002-red.swf?TimeZone=China_Beijing&Place=&DateFormat=YYYY-MM-DD&" width_="192" height="16" wmode="transparent" type="application/x-shockwave-flash">注意:代碼中的彩色部分可根據下面提供的參數隨意更改.①.時鐘文字顯示顏色(代碼中紅色加粗部分)有以下9種顏色參考:時鐘文字顯示顏色 時鐘顯示代碼顏色紅色 red綠色 green黃色 yellow橙色 orange藍色 blue灰色 gray粉色 pink紫色 purple白色 white②.時鐘日期顯示樣式(代碼中綠色加粗部分)有以下12種樣式參考:時鐘顯示效果 時鐘顯示代碼格式2009-02-03 YYYY-MM-DD2009-Feb-03 YYYY-mm-DD02-03-2009MM-DD-YYYYFeb-03-2009 mm-DD-YYYY03-02-2009 DD-MM-YYYY03-Feb-2009 DD-mm-YYYY09-02-03 YY-MM-DD09-Feb-03 YY-mm-DD02-03-09 MM-DD-YYFeb-03-09 mm-DD-YY03-02-09 DD-MM-YY03-Feb-09 DD-mm-YY15、文字環繞圖片排版方法(即圖片在中間、四周是文字)。代碼:<DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width_=720><TBODY><TR align=left><TD colSpan=3>圖上方的文字輸入處</TD></TR><TR align=middle><TD>圖左邊的文字輸入處 </TD><TD><IMG height=315 src="圖片地址" width_=420></TD><TD>圖右邊的文字輸入處</TD></TR><TR align=left><TD colSpan=3>圖下方的文字輸入處</TD></TR></TBODY></TABLE></DIV>16、怎樣在Flash動畫上再加進自己的夢幻圖片?代碼:<EMBED src=動畫地址 width_=600 height=480 type=application!/x-shockwave-flash wmode="transparent"> <P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center> <IMG style="FILTER: alpha(style=2,opacity=100,,$s:LF> finishopacity=0);WIDTH: 356px; CURSOR: hand; HEIGHT: 261px" height=280 src="圖片地址" width_=300></P>說明:紅色為動畫代碼;藍色為疊放代碼;紫色為夢幻效果及加自選圖片代碼。如需居中,可在所有代碼前加<DIV align=center> 所有代碼後加</DIV>。修改圖片大小代碼:<IMG height=40 src="圖片地址 " width_=500></SPAN>不想修改圖片大小就用這個代碼: <IMG src="圖片地址" border=0>17、怎樣在別人的動畫中加進自己文字效果?動畫代碼:<EMBED src=動畫地址width_=600 height=480 type=application!/x-shockwave-flash wmode="transparent" >疊放代碼: <p style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center>向上移動文字效果代碼:<MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up><P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P> </MARQUEE> </P>代碼示範:<DIV align=center><EMBED src=http://imggz.jpg.name/ttthvtwsdttythhywwzwhtvjssvrvsddrrjtj.swf width_=600 height=480 type=application!/x-shockwave-flash wmode="transparent" ><P style="MARGIN-TOP: -350px; MARGIN-LEFT: 10px" align=center><MARQUEE style="WIDTH: 93px; HEIGHT: 166px" scrollAmount=2 direction=up>向上移動<P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P><BR><P><FONT color=#ff0000>輸入文字處</FONT></P> </MARQUEE> </P></DIV>18、網易升級後博客在留言欄發圖片代碼<P align=center><A href="博客地址" target=_blank><IMG alt=鸚哥拜訪 src="圖片地址+"></A></P>19、圖片在背景框中間向上滾動的代碼<TABLE borderColor="#ff7f50" border="3" width_="550" align="center" background="http://www.eonet.ne.jp/~qingshuix/mobile/bj001.gif"><TBODY><TR><TD align="center"><MARQUEE scrollamount="2" direction="up" height=430><CENTER><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg"><BR><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg"></CENTER></MARQUEE></TD></TR></TBODY></TABLE>20、給照片加鏡框代碼</B><BR><TABLE cellSpacing=0 cellPadding=0 width_=300 align=center background=http://download.huabao.net/entertainment/imglib/01/010702b2.jpg><TBODY><TR><TD align=middle ><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.616bbs.com/picture/xx9/xbk/142.gif"></TD></TR></TBODY></TABLE><BR><DIV></DIV><P></P>紅色部分為圖片地址,藍色部分為像框地址,可以隨意更換.21、直接在圖片上寫文字代碼<divalign="center"><divstyle="background-image:url圖片地址background-repeat:repeat;background-attachment:scroll;font-style:normal;font-variant:normal;font-weight:normal;line-height:25px;font-size:12px;font-family:verdana;width:圖片尺寸(高)height:圖片尺寸(寬)padding-left:10px;padding-right:0px;padding-top:14px;background-"><br/><divalign="left"><divstyle="PADDING-RIGHT:0px;PADDING-LEFT:10px;FILTER:alpha(opacity=60);WIDTH:文字範圍(寬)HEIGHT:文字範圍(高)>文字內容</div></div><br/></div></div>22、不間斷來回移動圖片代碼<MARQUEE scrollAmount=3 behavior=alternate ><P align=center><TABLE height=350 cellSpacing=0 width_=3089 background=http://blog.163.com/photo/kxbPWTR9hYqllUbk501RBg==/2256866363266081823.jpg border=0><TBODY><TR><TD></TD></TR></TABLE></P></MARQUEE>23、幾種特殊代碼黑白效果 <center><img src="圖片網址" style="filter:"gray""></center>X光效果(底片)<center><img src="圖片網址" style="filter:"xray""></center>浮雕效果 <center><img src="圖片網址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>上下顛倒 <center><img src="圖片網址" style="filter:flipv">左右顛倒 <center><img src="圖片網址" style="filter:fliph"></center>色彩顛倒 <center><img src="圖片網址" style="filter:invert"></center>粒狀陰影 <center><img src="圖片網址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>水波效果(風吹)<center><img src="圖片網址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>靜態倒影 <P align=center><IMG height=高度 src="圖片地址" width_=寬度><BR><IMG style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=高度 src="圖片地址" width_=寬度> </p>24、彩字代碼<P align=center><STRONG><FONT face=華文行楷><FONT size=7><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>體</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>絢</FONT><FONT color=#ff00ff>麗</FONT></FONT></FONT></STRONG></P>效果:彩色字體色彩絢麗


推薦閱讀:

精美日誌邊框代碼·紫紅閃動邊框-
css防止圖片撐破頁面的代碼(圖片自動縮放)
幾款製圖代碼
圖片移動及代碼(二)
漂亮邊框模板及代碼之一(13款)

TAG:代碼 | 博客 |