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

.

.

 
 
 

日志

 
 

图文代码大全  

2010-01-10 15:40:44|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图文代码大全

 

      如何在图片上写文字呢?

      先在“装扮博客”里自定义一个模板,然后再根据自己的要求来写不同的文字。

1、图片及文字(单张照片及流动文字)。

比如:上午好,某某看望你。代码如下:标

<DIV></DIV>            

<TABLE borderColor=#cd5c5c height=265 width=400>            

<TBODY>            

<TR>            

<TD background=图片地址><MARQUEE scrollAmount=3 direction=down behavior=alternate height=265>            

<MARQUEE scrollAmount=3 behavior=alternate width=400>            

<P align=center><FONT face=华文彩云 color=#00ff00 size=8 ff><B>上午好! </B></FONT></P></MARQUEE>            

<P align=center><FONT face=隶书 color=#ff0000 size=8 ff><B>某某看望朋友!</B></FONT></P></MARQUEE>

</TD></TR></TBODY

使用说明:

 上面代码中,上午好、某某等都可以换上你自己想写的文字。

在<TD background=后,可以将自己的图片地址填上。

height=265 width=400后面的(高度、宽度)数字可以自己任何改动。

可以无穷复制<P align=center><FONT face=隶书 color=#ff0000 size=8 ff><B>某某看望朋友!</B></FONT></P></MARQUEE>此行,并添加自己想写的文字同时粘贴在</TD></TR></TBODY此行之前。

如:

<P style="TEXT-INDENT: 2em"> </P>                                                                                       

<P style="TEXT-INDENT: 2em">                                                                                    

<TABLE height=590 cellPadding=10 width=450 align=center background=http://img.blog.163.com/photo/qPf84uOrFap52V_zsuSwyA==/5355061431920479189.jpg>                                                                                       

<TBODY>                                                                                       

<TR>                                                                                       

<TD><EMBED allowScriptAccess="never" allowNetworking="internal" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=440 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"  ><EMBED allowScriptAccess="never" allowNetworking="internal" align=right src=http://myhome.naver.net/brown444/swish/s37-m.swf width=440 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"  >                                                                                         

<MARQUEE style="WIDTH: 437px; HEIGHT: 301px" scrollAmount=1 direction=up height=301>                                                                                       

<P><FONT size=6><FONT color=#ff0000><STRONG>我爱雅库感谢朋友的光临!谢谢您的支持!</STRONG></FONT><FONT color=#ff0000></FONT></FONT> </P>                                                                                       

<P>                                                                                     

<P style="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>

 

-------------------------------------------

      1.文字可以修改.

      2.width=400 height=300 是宽度和高度,也可以修改大小.

      3.网址可以换.(红色部分)

      4.只能用在自己博客的留言里用代码回复朋友(日志下面的评论可不行).

 

           2、多张照片及滚动文字

<TABLE cellPadding=0 width="100%" 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=480 src="图片地址" border=0></A>

<IMG height=480 src="图片地址" border=0></A>

<IMG height=480 src="图片地址" border=0></A>

<IMG height=480 src="图片地址" 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://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>

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

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

在图中如何加入SWF特效:

如何在图片中加入文字?

如何在图片中加入SWF特效?

代码如下:

<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></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://bbs.guolan.com/upload/2004813181838.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://bbs.guolan.com/upload/2004813181838.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://bbs.guolan.com/upload/2004813181838.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://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>

 

 

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" src="http://blog.163.com/photo/FY3VwoOPqDVSqsU15bWSJQ==/328199822844667038.jpg" border=0>

 

 

0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}" src="http://blog.163.com/photo/2WO7StjyBZ60zJoENv5jPA==/856528354130567249.jpg" border=0>

  • 如何在日志里添加带图案的写字框:

     

    点击日记下方的代码输入以下代码:

    <DIV align=center>

    <CENTER>

    <TABLE height=499 cellSpacing=1 width=496 background=http://blog.sina.com.cn/pic/470e283e0200017p 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>&nbsp;</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命令可以省略,否则请予以保留。

  •   评论这张
     
    阅读(62)| 评论(0)
    推荐 转载

    历史上的今天

    评论

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

    页脚

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