如何在圖片上寫文字呢？先在「裝扮博客」里自定義一個模板，然後再根據自己的要求來寫不同的文字。1、圖片及文字（單張照片及流動文字）。比如：上午好，某某看望你。代碼如下：標<DIV></DIV><TABLEborderColor=#cd5c5cheight=265width_=400><TBODY><TR><TDbackground=圖片地址><MARQUEEscrollAmount=3direction=downbehavior=alternateheight=265><MARQUEEscrollAmount=3behavior=alternatewidth_=400><Palign=center><FONTface=華文彩雲color=#00ff00size=8ff><B>上午好!</B></FONT></P></MARQUEE><Palign=center><FONTface=隸書color=#ff0000size=8ff><B>某某看望朋友!</B></FONT></P></MARQUEE></TD></TR></TBODY使用說明：上面代碼中，上午好、某某等都可以換上你自己想寫的文字。在<TDbackground=後，可以將自己的圖片地址填上。height=265width_=400後面的（高度、寬度）數字可以自己任何改動。可以無窮複製<Palign=center><FONTface=隸書color=#ff0000size=8ff><B>某某看望朋友!</B></FONT></P></MARQUEE>此行，並添加自己想寫的文字同時粘貼在</TD></TR></TBODY此行之前。如：<Pstyle="TEXT-INDENT:2em"></P><Pstyle="TEXT-INDENT:2em"><TABLEheight=590cellPadding=10width_=450align=centerbackground=http://img.blog.163.com/photo/qPf84uOrFap52V_zsuSwyA==/5355061431920479189.jpg><TBODY><TR><TD><EMBEDallowScriptAccess="never"allowNetworking="internal"align=rightsrc=http://imgfree.21cn.com/free/flash/4.swfwidth_=440height=400type=application/x-shockwave-flashwmode="transparent"quality="high"><EMBEDallowScriptAccess="never"allowNetworking="internal"align=rightsrc=http://myhome.naver.net/brown444/swish/s37-m.swfwidth_=440height=400type=application/x-shockwave-flashwmode="transparent"quality="high"><MARQUEEstyle="WIDTH:437px;HEIGHT:301px"scrollAmount=1direction=upheight=301><P><FONTsize=6><FONTcolor=#ff0000><STRONG>雪山孤鴻：感謝朋友的光臨！謝謝您的支持!</STRONG></FONT><FONTcolor=#ff0000></FONT></FONT></P><P><Pstyle="TEXT-INDENT:2em"></P></MARQUEE></TD></TR></TABLE></P>在圖片上寫漂移文字：-------------------------------------------------------------------------------<EMBED src=http://www.blog286.com/upfile/flash/071120/11.swf width_=400 height=300 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"><MARQUEE><FONT face=隸書 color=#ff0000 size=6>問候我的朋友,感謝你的留言！歡迎你經常到雪山孤鴻家來坐坐！能認識朋友你真好！祝你快樂！</FONT></MARQUEE>－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－１.文字可以修改．２.width_=400 height=300 是寬度和高度，也可以修改大小．３.網址可以換．（紅色部分）4.只能用在自己博客的留言里用代碼回復朋友(日誌下面的評論可不行).2、多張照片及滾動文字<TABLE cellPadding=0 align=center><MARQUEE scrollAmount=2 scrollDelay=30 behavior=alternate turespeed="true" border="0"><FONT size=1><IMG height=480 src="圖片地址" border=0></A><IMG height=480src="圖片地址" border=0></A><IMG height=480src="圖片地址" border=0></A><IMG height=480 src="圖片地址" border=0></A><IMG height=480src="圖片地址" border=0></A></FONT></MARQUEE></TBODY></TABLE><P align=center><FONT style="FONT-SIZE: 50pt" face=華文行楷 color=#009966><MARQUEE behavior=alternate><B>雪山孤鴻送你一打美人，好好欣賞吧！</B></MARQUEE></FONT></P>其中：<IMG height=480 src="圖片地址" border=0></A>可以無窮添加。3、如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff>如何在圖片中加入文字？</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>蘭色是：背景網址（可換）紅色是：放入文字的位置和格式在圖中如何加入SWF特效：如何在圖片中加入文字？如何在圖片中加入SWF特效？
代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入SWF特效？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT></DIV><DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width_=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>綠色：是放入特效的位置和格式雙層表框加字 （特效）天上雲歡迎你來到制貼天地學習
代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table><TBODY><TR><TD><P align=center><FONT face=隸書 color=#f7f709 size=5>雙層表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>（特效）</FONT></FONT></P></TD></TR><TR><TD height=300><DIV align=center><FONT face=楷體_GB2312 color=#33ff00 size=4><FONT color=#309d46>落葉無痕</FONT><FONT color=#e6bd1a>歡迎你來到制貼天地學習</FONT></FONT></DIV><DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width_=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>如何使用上下滾動字幕？如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT><MARQUEE style=" HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff>如何在圖片中加入文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>==============================文字上下滾動代碼：<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>註：scrollAmount=2 是控制字速，數值越大字速就越快！左右移動字：如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？如何在圖片中加入文字？代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table="0"><TBODY><TR><TD>[*fly]<DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff>如何在圖片中加入文字？</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>附註：這是方法一，在UBB操作用「飛」就可達到這效果，在使用時把[*/fly]的*號去掉左右移動字方法（二）：左右移動的字！ 左右移去的字！ 左右移去的字！ 謝謝！代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_4.gif border=3 table="0"><TBODY><TR><TD></EMBED><BR><BR><DIV align=center><MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff><P align=center><FONT face=隸書 color=#0000ff size=5>左右移動的字！</FONT></P><P align=center><FONT face=隸書 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P><P align=center><FONT face=隸書 color=#00ffff size=5>左右移去的字！</FONT></P><P align=center><FONT face=隸書 color=#ff00ff size=5>謝謝！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
如何在日誌里添加帶圖案的寫字框：點擊日記下方的代碼輸入以下代碼：<DIV align=center><CENTER><TABLE height=499 cellSpacing=1 width_=496 background=http://image40.360doc.com/DownloadImg/2011/10/2909/18847232_5 border=0><TBODY><TR><TD width_=496 colSpan=3 height=67> </TD></TR><TR><TD width_=87 height=420 rowSpan=2> </TD><TD width_=312 height=315><P align=center></P><DIV style="BORDER-RIGHT: white 2px solid; COLOR: #000000; BACKGROUND-COLOR: #ffffff" align=left><P align=left><FONT color=#008000>點擊旁邊的箭頭,</FONT></P><P align=left><FONT color=#008000>就可以瀏覽文章.</FONT></P><P align=left><FONT color=#008000>發表文章時,</FONT></P><P align=left><FONT color=#008000>在顯示源代碼前面打勾</FONT></P><P align=left><FONT color=#008000>然後粘貼此邊框代碼</FONT></P><P align=left><FONT color=#008000>再把勾去掉</FONT></P><P align=left><FONT color=#008000>在邊框內添加上自己的文字即可^_^</FONT></P><P align=left><FONT color=#008000>如有問題,請留言給xxx!</FONT></P><FONT color=#6699ff><P align=left> </P></DIV><DIV align=left><FONT color=#6699ff></FONT> </DIV></FONT></TD><TD width_=74 height=420 rowSpan=2> </TD></TR><TR><TD width_=312 height=103> </TD></TR></TBODY></TABLE></CENTER></DIV>效果顯示如下:點擊旁邊的箭頭, 就可以瀏覽文章. 發表文章時, 在顯示源代碼前面打勾 然後粘貼此邊框代碼 再把勾去掉 在邊框內添加上自己的文字即可^_^ 如有問題,請留言給xxx!.背景圖片的添加:代碼如下:<IMG src="背景圖片鏈接地址" width_=圖片寬度值 height=圖片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) "><DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); WIDTH: 文本寬度值"><DIV style="LINE-HEIGHT: 行間距值(pt); LETTER-SPACING: 字元間距值(em)"><P><FONT color=#ffffff size=2>你的曰志文字</FONT></P></DIV></DIV>下面簡要介紹一下上面語法中的兩行主要命令語句的含義：<IMG src=…….>控制曰志中的背景圖片，圖片的寬度及高度值均以px為單位；align這一參數控制圖片位置，但不要對此進行更改，否則無法實現文字浮於圖片之上的效果。Filter控制背景圖片的柔化濾鏡，大家可以修改其中的數值已達到不同的效果，但注意style的值只能取1，2，3這三個數值。除了柔化效果外，還有翻轉、發光、陰影等若干特效，但語法表述各有不同，在此不再贅述，有興趣的朋友可以在互聯網上查詢相關語法。在Space空間不同的布局方式下，曰志寬度是不相同的，所以為了更好的配合曰志的頁面效果，建議選擇合適寬度的圖片，具體可根據布局的實際情況（即曰志的寬窄程度）將圖片寬度分別設定在260px、350px、370px、550px、730px左右的近似值。<DIV style="FILTER…….>控制曰志文字的若干效果，其中Filter命令的使用方法與前述一致，也是調節柔化效果。文本寬度也採取px為單位，其最大值也要參照上面不同布局方式時所要求的近似寬度值，如果你希望文字完全分布在整個曰志頁面上，那麼將WIDTH值設為100%即可。在設定了具體寬度的情況下Float命令可以省略，否則請予以保留。
推薦閱讀：
※邊框套用代碼
※在移動背景圖上定位添加雙列圖文的代碼
※漂亮的多層花式邊框源代碼之一
※29個音頻編輯程序源代碼下載第1頁
※css防止圖片撐破頁面的代碼(圖片自動縮放)
TAG:代碼 |
