注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

乘成休闲吧

聆听天籁之音,共享情趣人生。

 
 
 

日志

 
 

博客在线制作技术(1)  

2007-10-21 10:25:33|  分类: 〓〓博客知识〓〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

     这是非常有用的博客在线制作技术网站,您只要点击想要的网站,再根据提示进行制作(有些要进行注册),非常简单!制作博客要善于摸索,相信你能制作成功!

印章制作(一)
印章制作(二)
播放器制作
视频相册制作
立体魔方相册
在线聊天室

 你的博客想要吗?赶快行动吧!

  将代码置入博客的方法:1.点击左上边的编辑按钮→2.装扮博客→3.设置首页内容→4.添加自定义模块(出现在网页左上面)→5.填写模块名称、复制下列代码後贴上→6.确定→7.将模块移到想显示的位置→8.再保存→9.就可以看到出现在你的博客上了!

  将代码置入日志的方法:新建一篇日志,点击水平移动条左下端的显示HTML代码按钮<>,在文本档中复制以下代码,并输入相关内容,点击<>完成,最后点击发表日志。

  (注:代码中的HEIGHT是指高度,WIDTH指宽度,单位为px,你可以根据需要调节大小。)

  一、美化博客之基本代码:

  (1)贴  图:  <img src="图片地址">   

  (2)加入连接:<a href="所要连接的相关地址">写上你的字</a>

  (3)新窗口打开连接:<a href="相关地址" target="_blank">写上你的字</a>

(4)贴音乐:<embed src=歌曲地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">

(5)贴flash: <embed src="flash地址" width="宽度" height="高度">

(6)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

(7)空格:&nbsp;

(8)换行:<br>

(9)段落:<p>段落</p>

(10)字体颜色<font color=00ff00>...</font>

(11)无限增大<font style =font-size:100 px>...</font>

(12)标题字(最大) <h1>...</h1>

(13)居中对齐 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。

(14)原始文字样式:<pre>正文</pre>。这个标签可以将其包起来的文字排版、格式,原封不动的显示出来。

(15)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

(16)所有的flash图片、动画,如时钟、日历、小游戏、动态图画等,只要你知道其代码,直接复制到“添加自定义html”中即可。

二、常用代码

1、天气预报:

红色:<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=red" width="180" height="200" type="application/x-shockwave-flash"></embed></center>

蓝色:<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=blue" width="180" height="200" type="application/x-shockwave-flash"></embed></center>

绿色:<center><embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweatherc.swf?awstyle=green" width="180" height="200" type="application/x-shockwave-flash"></embed></center>

2、时钟、日历:

(1)<embed src="http://pets-jp.net/banner/watch/images/pome-clover.swf" WIDTH="170" HEIGHT="170" wmode="transparent" quality="high" loop="true" menu="false"></embed>

(2)<embed  src="http://www.3lian.com/flash/flashclock/clock93.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

(3)<embed   src="http://www.aswis.net/100000/clock/clock46.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

(4)<embed   src="http://my.xingkong.com/Flashs/2006/1/2006151443284641.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

(5)<EMBED src=http://www.petitmall.jp/index/parts/RB_clock_002.swf width=180 height=130 type=application/x-shockwave-flash wmode="transparent" >

(6)<p align="center"><embed src="http://www.yamaha-motor.jp/mc/world/license50/download/blog/img/calendar06.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="136" height="203" menu="false" scale="false" bgcolor="#FFFFFF"></embed></p>

(7)<embed   src="http://www.mysteryanimals.jp/download/sample09.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

3、漂亮的动画图片:

(1)<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.9941.cn/moban/dwsc/48.swf width="100%" type=application/x-shockwave-flash quality="high" wmode="transparent" ></P>

(2)<DIV style="OVERFLOW: hidden; WIDTH: 100%"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://hoy7211.com.ne.kr/spring/030523.swf width="100%" type=application/x-shockwave-flash quality="high" wmode="transparent" ></DIV></DIV></DIV>

(3)清明上河图:<DIV style="OVERFLOW: hidden; WIDTH: 100%"><BR><MARQUEE scrollAmount=3 width="98%"><IMG src="http://blog.163.com/photo/wBgU3HqSs3p8MHDtoNAKIg==/1134625631120665887.jpg" width=9936 high="296"></MARQUEE></DIV>

4、表格代码

  <div align="center"><table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody><tr bgcolor="#FFFFFF" height="20"><td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td>
<tr bgcolor="#FFFFFF" height="20">
  <td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td><td><div align="center">表格内容</div></td></tr></table></div>

5、声音——欢迎光临:

<EMBED  style="FILTER: alpha(opacity=0,style=3)" src="http://www.trueme.net/bb_midi/welcome.wav" width=0 height=0 type="audio/mpeg" loop="0" autostart="true" showstatusbar="1" volume="0"></EMBEDv>

效果见我的博客。打开后,你会听到女声:“欢迎光临”!你可以将它与时钟、日历、动画等放在一起,不需要专门的“添加自定义html”模块。

三、在首页建立文章链接:

(一)带移动框链接

<DIV style="SCROLLBAR-FACE-COLOR: #fddee8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 210px; SCROLLBAR-SHADOW-COLOR: #fddee8; SCROLLBAR-3DLIGHT-COLOR: #fdcfdd; SCROLLBAR-ARROW-COLOR: #fea6c0; SCROLLBAR-TRACK-COLOR: #fff6f9; SCROLLBAR-DARKSHADOW-COLOR: #fdcfdd; HEIGHT: 121px; BACKGROUND-COLOR: transparent"> <A href="需要链接的文章地址" target=_blank>文章标题</A><BR>  <A href="需要链接的文章地址" target=_blank>文章标题</A><BR> </DIV>  

需要更多只要在最后的</DIV> 前添加<A href="需要链接的文章地址" target=_blank>文章标题</A><BR> 即可。其效果见我博客中的“有情链接”等。

(二)连接框框代码:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#AE57A4f border=0>

<TBODY>

<TR bgColor=#AE57A4 height=20>

<TD width="30%"><A href="链接地址1"target=_blank>你的文字</A></TD>

<TD width="30%"><A href="链接地址2"target=_blank>你的文字</A></TD>

<TD width="30%"><A href="链接地址3"target=_blank>你的文字</A></TD></TR>

<TR bgColor=#AE57A4 height=20>

<TD width="30%"><A href="链接地址4"target=_blank>你的文字</A></TD>

<TD width="30%"><A href="链接地址5"target=_blank>你的文字</A></TD>

<TD width="30%"><A href="链接地址6"target=_blank>你的文字</A></TD></TR>

</TBODY></TABLE>

四、个性公告栏

(1)<DIV align=left><TABLE height=175 cellSpacing=1 width=240 align=left background=http://img.blog.163.com/photo/pwB7hkD6flPEg9uAB-qgPg==/4800555727800340396.jpg><TBODY><TR><TD width=139 height=99><DIV align=center><MARQUEE style="WIDTH: 216px; HEIGHT: 103px" scrollAmount=1 direction=up width=216 height=103><P align=center>输入你的文字</P></MARQUEE></DIV><BR></TD></TR></TBODY></TABLE> </DIV>

 (2)<TABLE height=180 cellSpacing=1 width=240 background=http://img.blog.163.com/photo/b4a496Y28-7yzxI-v2Rcig==/339740296889873629.jpg><TBODY><TR><TD width=280 height=150><MARQUEE style="WIDTH: 224px; HEIGHT: 124px" scrollAmount=1 direction=up width=224 height=124><P align=center>输入你的文字</P></MARQUEE></TD></TR></TBODY></TABLE>

(3)<TABLE height=219 cellSpacing=1 width=228 background=http://img.blog.163.com/photo/0peUEItStAJCCLjq0NJ42w==/1979613511206401210.jpg>
<TBODY><TR><TD width=220 height=210><MARQUEE style="WIDTH: 201px; HEIGHT: 124px" scrollAmount=3 direction=up width=201 height=124><P align=center>输入你的文字</P></MARQUEE></TD></TR></TBODY></TABLE>

(4)<TABLE height=201 cellSpacing=1 width=289 background=http://img.blog.163.com/photo/WtBX0XsR6OWR8a9yLNmGpA==/3119024216931224127.jpg><TBODY><TR><TD width=270 height=195><BR>
<MARQUEE style="WIDTH: 201px; HEIGHT: 109px" scrollAmount=3 direction=up width=201 height=109>
<P align=center>输入你的文字</P></MARQUEE></TD></TR></TBODY></TABLE>

(5)<p align="center"><img border="0" src="http://www.blog.163.com/photo/MlhMp7PJzu_HiwChhECmKw==/4587479170430302321.jpg" width="200" height="32"><br><table border="0" width="200" cellspacing="0" cellpadding="0" ><tr><td background="http://www.blog.163.com/photo/V0qi8fdYFb5e4K_ekcSrIA==/4587479170430302326.jpg"><p style="margin-left: 10px; margin-right: 10px" align="left"><font color="#FFFFFF"><span style="font-size: 9pt">在此输入文字</span></font></td></tr></table><img border="0" src="http://www.blog.163.com/photo/fgxPkMB1PqtQzQWNdrrOGg==/4587479170430302333.jpg" width="200" height="23"><p> 

(6)<p align="center"><img border="0" src="http://www.blog.163.com/photo/tBxgISc6s8ewvv1O3ttEFA==/3100165393491234263.jpg" width="200" height="48"><br><table border="0" width="200" cellspacing="0" cellpadding="0" ><tr><td background="http://img645.photo.163.com/prb999/71234886/1979632349.gif"><p style="margin-left: 10px; margin-right: 10px" align="left"><font color="#CC3300"><span style="font-size: 9pt">在此输入文字</span></font></td></tr></table><img border="0" src="http://www.blog.163.com/photo/ylOXLnqHpzJHGjdKs1QIuQ==/3100165393491234265.jpg" width="200" height="23"><p>

(7)<p align="center"><img border="0" src="http://img645.photo.163.com/prb999/71234886/1979633122.gif" width="200" height="32"><br><table border="0" width="200" cellspacing="0" cellpadding="0" ><tr><td background="http://img645.photo.163.com/prb999/71234886/1979633264.gif"><p style="margin-left: 10px; margin-right: 10px" align="left"><font color="#ffffff" style="font-size: 9pt">在此输入文字</font></td></tr></table><img border="0" src="http://img645.photo.163.com/prb999/71234886/1979633420.gif" width="200" height="25"><p>

五、立体魔方相册通用代码:

方法一:先将以下代码复制到自定义模块中,然后输入图片地址。

<EMBEDpluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://flash.picturetrail.com/pflicks/m_acrobatcube.swf width=200 height=200 type=application/x-shockwave-flash FLASHVARS="img1=图片地址一&amp;type=2&amp;op=0.jpg&amp;img2=图片地址二&amp;type=2&amp;op=0.jpg&amp;img3=图片地址三&amp;type=2&amp;op=0.jpg&amp;img4=图片地址四&amp;img5=图片地址五&amp;img6=图片地址六&amp;type=2&amp;op=0.jpg&amp;faceopacity=80&amp;backopacity=100&amp;cubecroptofit=1&amp;enlargecroptofit=0&amp;test=1" WMODE="transparent" LOOP="false" QUALITY="high" BGCOLOR="#FFFFFF" >

获得图片地址的方法:先将你想要的图片普通上传到博客的相册里,然后打开相册,在浏览状态下右击你要的图片,在点击“属性”,你就可以找到图片的地址,复制下来粘贴到“图片地址一”等上,勿忘点击保存!

 方法二:点击进入制作魔幻相册网站 ,然后按要求制作,非常简单。效果见我博客里的“开心小主人”和“图片欣赏”。效果不错吧!

六、在日志中加链接:

新建一篇日志,点击水平移动条左下端的显示HTML代码按钮<>,在文本档中复制以下代码,并输入相关内容,最后点击<>完成。

(1)贴带连接的字:<a href="所要连接的相关地址"> 写上你想写的字</a> <br><a href="所要连接的相关地址"> 写上你想写的字</a> <br>

(2)带连接的图片</a> <a target="cont" href="地址"> <img src="图片地址" width="100" height="100" border="0"> </a> <br></a> <a target="cont" href="地址"> <img src="图片地址" width="100" height="100" border="0"> </a> <br>
  需要更多的链接只要在后面重复<a href="所要连接的相关地址"> 写上你想写的字</a> <br>或</a> <a target="cont" href="地址"> <img src="图片地址" width="100" height="100" border="0"> </a> <br>即可。效果见我的博客文章《初中物理试卷集》 <点击进入>。

七、制作留言簿或首页图片链接:

1.新建一篇日志,起名叫留言簿;2.在博客的首页新建一个自定义栏目;3.添加如下代码,添上你的留言簿地址和你想要的图片地址。

<P align=center><A href="留言簿地址"target=_blank><IMG height=153 src="图片地址" width=225></A></P>

获得图片地址的方法同三。效果见我博客中的“留下您的脚印”。图片链接代码一样,输入的“留言簿地址”改为你想要链接的网站地址或文章地址,也可是你博客里的一个版块。

移动图片链接代码:

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 250px; HEIGHT: 50px" scrollAmount=2 direction=right>

<description><div> <a href="好友博客"> <img src="好友头像" border="0" width="80" height="80"/> </a>

<a href="好友博客"> <img     src="好友头像" border="0" width="80" height="80"/></a>

。。。。。。</div></MARQUEE></P>八、让百度、Google搜到你的博客

你可以先尝试一下看看能不能在百度搜到你的博客吧。如果搜不到的话说明你的博客还没有被百度收录,那么怎么才能被百度、google等各大搜索引擎收录你的博客呢?你需要申请免费加入搜索引擎。请你进入下面各个网址,把资料填好就可以啦,就这么简单!百度最晚一个月可以找到你的站点,Google一般很快。怎么将你的博客提交给搜索引擎呢?下面提供你们一些搜索引擎的提交地址:

百度:http://www.baidu.com/search/url_submit.html

GOOGLE:http://www.google.com/intl/zh-CN/add_url.html

搜狗:http://db.sohu.com/regurl/regform.asp

TOM:http://search.tom.com/tools/weblog/log.php

中搜:http://d.zhongsou.com/NetSearch/pageurlrecord/frontpageurl.jsp

爱问:http://www.iask.com/guest/add_url.php

我的博客已在百度和Google成功申请加入搜索引擎,大家可以试一试:输入“开心人工作室”,马上可以找到我的博客了!也可以搜索到我的文章,不信试试看!

九、直接在图片上写文章的代码

<div align="center"><div style="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: 490px; height: 268px; padding-left: 10px; padding-right: 0px; padding-top: 14px; background-"><br /><div align="left"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 228px">文字内容</div></div><br /></div></div>

将代码中的图片地址换为你想要的图片,文字内容那里更换为你想要写的东西,下面提供一些图片地址。

(1) http://img.blog.163.com/photo/jbFqSqRiEKOZsM7iu4a0OA==/916482524170358404.jpg

(2) http://img.blog.163.com/photo/t6wyfh5PJFzHOLu1YphY1w==/2048574880500600222.jpg

(3) http://img.blog.163.com/photo/FaqcfEy09xwfc-_GWc15eQ==/2048574880500600262.jpg

(4) http://img.blog.163.com/photo/picm6GVv3wjnFB9gy10MXA==/604608249974794004.jpg

十、美化日志用背景

(1)<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://blog.163.com/photo/FBNxKmH1rLGtc32iVcw2SA==/5690016654206004578.jpg"><div align="center"><table border="0" width="380" cellspacing="0" cellpadding="0"><tr><td><font color="#3333CC"><span style="font-size: 11pt"><br>文字从这里开始输入,</span></font><p><font color="#3333CC"><span style="font-size: 11pt"><br><br></span></font></td></tr></table></div></td></tr></table></div>

(2)<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://prb999.blog.163.com/photo/gClA14pWMiRH3RExAYgpYA==/3395714119037444777.jpg"><div align="center"><table border="0" width="530" cellspacing="0" cellpadding="0"><tr><td><br><font color="#003399"><span style="font-size: 11pt">文字从这里开始输入</span></font><p><font color="#003399"><span style="font-size: 11pt"></span></font></p></td></tr></table></div></td></tr></table></div>

(3)<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="http://prb999.blog.163.com/photo/enphIIkeYJnAS11zLeImyA==/2831075315755868582.jpg"><div align="center"><table border="0" width="550" cellspacing="0" cellpadding="0"><tr><td><br><font color="#0099FF"><span style="font-size: 11pt">文字从这里开始输入</span></font><p><font color="#0099FF"><span style="font-size: 11pt"></span></font></p></td></tr></table></div></td></tr></table></div>

(4)<TABLE cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/hidariue.gif" width=4 border=0></TD><TD noWrap width=255 background=http://candied.cn1.jp/tableribbon/ue1.gif height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/ribbonsita.gif" width=58 border=0></TD><TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/migiue.gif" width=4 border=0></TD></TR><TR><TD noWrap width=4 background=http://candied.cn1.jp/tableribbon/hidari.gif height=187></TD><TD vAlign=top align=middle width=257 background=http://candied.cn1.jp/newtop/topkabe.gif bgColor=#ffffff><TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD noWrap align=middle><TABLE cellSpacing=0 cellPadding=5 border=0><TBODY><TR><TD style="BACKGROUND-REPEAT: no-repeat" align=middle width=205 background=http://candied.cn1.jp/ame/teruteru1.gif height=110><DIV align=center><STRONG><FONT color=#ff0000><FONT size=4>文字从这里开始输入</DIV></FONT></FONT></FONT></U></STRONG></TD></TR><TR><TD noWrap align=right></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT color=#000000></FONT></A></TD><TD noWrap width=4 background=http://candied.cn1.jp/tableribbon/migi.gif height=187></TD></TR><TR><TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/hidarisita.gif" width=4 border=0></TD><TD noWrap width=255 background=http://candied.cn1.jp/tableribbon/sita1.gif height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/ribbonue.gif" width=58 align=right border=0></TD><TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/migisita.gif" width=4 border=0></TD></TR></TBODY></TABLE>

(5)可以直接复制使用,拿来当文章段落的分隔线让文章更漂亮!

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

博客在线制作技术(1) - 乘成 - 乘成休闲吧

 

一、如何在图片中加入文字

 (1)

锄禾日当午
汗滴禾下土
谁知盘中餐
粒粒皆辛苦

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.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>

兰色是:背景网址(可换)

红色是:放入文字的位置和格式

(2)上下滚动字幕

欢迎光临乘成休闲吧

乘成感谢您的光临!

做好博客

我一直在努力

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://img.blog.163.com/photo/jIN-fjiCplIj74TWY5VBBw==/3108609642792656977.jpg border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; 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>

(3)左右移动字



乘成休闲吧

欢迎光临

ahstbzp.p.blog.163.com

实用博客技术

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.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>

二、用代码贴特效美术字

(1)

欢迎您来到乘成休闲吧

代码如下:

<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎您来到乘成休闲吧</B></FONT>

(2)

轻轻的我走了,
正如我轻轻的来;
我轻轻的招手,
作别西天的云彩。

代码如下:

<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=华文行楷 size=6>
轻轻的我走了,<br>
正如我轻轻的来;<br>
我轻轻的招手,<br>
作别西天的云彩。<br>
</FONT>

(3)

走进新时代!

代码如下:

<FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>走进新时代!</B></FONT>

(4)

我爱美丽的大自然

代码如下:

<FONT color=#c4b77d>
<FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:45pt">我爱美丽的大自然</FONT><DIV align=center>

(5)

保护生态环境

代码如下:

<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隶书; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>保护生态环境</B></FONT>

 

               博客在线制作技术(1) - 乘成 - 乘成休闲吧  
 
 
 

  评论这张
 
阅读(2892)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017