引用
英雄 的 (原)美化博客实用技巧⑻如何在图片上添加文字
美化博客实用技巧⑻如何在图片上添加文字
作者:英雄 2008年11月8日
有不少朋友向英雄询问在图片上添加文字的方法,英雄现简要介绍如下:
一、添加静态文字的方法:
关于在图片上用代码添加文字的方法,互联网上有不少介绍,其方法也有很多种,但大多比较复杂,初学者看不懂,不易掌握。英雄介绍的这种方法非常简单,一看就懂,一学就会。英雄要特别说明的是,这种用代码在图片上添加文字的方法,与用制图软件直接在图片上打文字的方法是不同的。用制图软件打上的文字,是与图片的图层合并在一起的,随图片一起流通。而用代码在图片上添加的文字,是与图片分割的两个整体,当你保存在硬盘里时,只能保存图片,而不能与文字一起保存。其优点是可随时更换文字
1、添加静态文字的完整代码:
<TABLE cellSpacing=6 borderColorDark=#08094a cellPadding=0 align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=6><B>枫叶情
<P align=center><FONT face=楷体_GB2312 color=#ffffff size=4>制作:英雄 2008年11月8日 </FONT>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>爱上美丽的秋天</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>我更爱枫叶一片片</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>你那红红的笑</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>又比枫叶还更娇</FONT></B></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>叫我对你又爱又恋</P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>......................</FONT></B>2、有关代码说明:
<TABLE cellSpacing=6 borderColorDark=#08094a cellPadding=0 width="80%" align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>这是边框代码,即是表格代码,它是在图片上添加文字的关键代码,没有它就不能添加。background 这是边框格式的图片命令语法,与IMG 格式的图片命令语法src不同,请朋友们不要用错了。
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">这是使文字增加羽化的特效代码,可用可不用,随个人的喜好。
效果如下:
枫叶情
制作:英雄 2008年11月8日
爱上美丽的秋天
我更爱枫叶一片片
你那红红的笑
又比枫叶还更娇
叫我对你又爱又恋
二、添加移动文字的方法:
要想使文字移动很简单,你只要在边框代码的下面,文字代码的上面,加上<MARQUEE scrollAmount=2 direction=up width=460 height=200> 这个移动代码就可以了。其它的代码都不变。
添加移动文字的完整代码:
<TABLE height=360 cellSpacing=6 borderColorDark=#08094a cellPadding=0 width="80%" align=center borderColorLight=#e7efff background=图片地址 border=6>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: glow(color=ff6600 ,strength=3); WIDTH: 460px; HEIGHT: 0px">
<MARQUEE scrollAmount=2 direction=up width=460 height=200>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=6><B>枫叶情
<P align=center><FONT face=楷体_GB2312 color=#ffffff size=4>制作:英雄 2008年11月8日 </FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>爱上美丽的秋天</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>我更爱枫叶一片片</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>你那红红的笑</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>又比枫叶还更娇</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>叫我对你又爱又恋</B></FONT></P>
<P align=center><FONT face=方正细珊瑚繁体 color=#ffffff size=4><B>......................</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE>效果如下:
评论