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

YGGL 268的博客

老年生活质量 ——贵在心态

 
 
 

日志

 
 

关于制作文字移动代码  

2013-09-02 08:21:37|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

关于制作文字移动代码

 

关于制作《移动文字代码》,下面用一个简单的例子说明如下:

1. 准备好一张图的网络地址

《春回大地》829日贴出的图片移动的代码和操作》中,有关于如何找到图片的网络地址的说明。比如:

  http://img0.ph.126.net/guV-y0VgmGWJs3_4vFaRBQ==/3867747655081345188.jpg

          -------这张图片的规格是:宽2240,高1488 ,用作移动文字的背景图

 

 2. 准备好一段文字(将文字编好段落,排好格式)。比如:

人生最美最不能逊色的风景应该是努力。

努力是人生的一种精神状态,是对生命的一种赤子之情。

努力是拥有之母,拥有是努力之子,一心努力可谓条条大路通罗马。

所以,与其规定自己一定要成为一个什么样的人物,获得什么东西,

不如磨练自己做一个努力的人。
        
--------上述文字共5行,分成3段了。

 

    3. 下面是移动文字的代码结构模块:

<P align=center>

<TABLE style="WIDTH: 750px; HEIGHT: 394px" background="文字背景图" boder="0">

<TBODY>

<TR>

<TD>

<MARQUEE style="PADDING-BOTTOM: 90px; PADDING-LEFT: 200px; PADDING-RIGHT: 40px; PADDING-TOP: 90px" direction=up height=150 width=450 scrollAmount=2>

<STRONG>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第一段文字</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第二段文字</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第三段文字</FONT></P>

</STRONG></FONT></MARQUEE></TD></TR></TBODY></TABLE></P>

 

3. 将上面准备好的《具有网络地址的背景图》和《编好段落排好格式的文字》填到《代码结构模块》中,得到如下代码:

<P align=center>

<TABLE style="WIDTH: 750px; HEIGHT: 394px" background=" http://img0.ph.126.net/guV-y0VgmGWJs3_4vFaRBQ==/3867747655081345188.jpg" boder="0">

<TBODY>

<TR>

<TD>

<MARQUEE style="PADDING-BOTTOM: 90px; PADDING-LEFT: 200px; PADDING-RIGHT: 40px; PADDING-TOP: 90px" direction=up height=150 width=450 scrollAmount=2>

<STRONG>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

人生最美最不能逊色的风景应该是努力。</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

努力是人生的一种精神状态,是对生命的一种赤子之情。努力是拥有之母,拥有是努力之子,一心努力可谓条条大路通罗马。</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

所以,与其规定自己一定要成为一个什么样的人物,获得什么东西,不如磨练自己做一个努力的人。</FONT></P>

</STRONG></FONT></MARQUEE></TD></TR></TBODY></TABLE></P>

 

     4. 将上述代码贴到日志《编辑器》(即点日志右上角的<>打开),发表就出来啦。

      人生最美最不能逊色的风景应该是努力。

      努力是人生的一种精神状态,是对生命的一种赤子之情。努力是拥有之母,拥有是努力之子,一心努力可谓条条大路通罗马。

      所以,与其规定自己一定要成为一个什么样的人物,获得什么东西,不如磨练自己做一个努力的人。


 

     5. 如果你不想用图做底,只想用原来博客的底色(注意文字和底色搭配!),就只贴移动段代码就可以了。

     移动段代码如下:

<MARQUEE style="PADDING-BOTTOM: 90px; PADDING-LEFT: 200px; PADDING-RIGHT: 40px; PADDING-TOP: 90px" direction=up height=150 width=450 scrollAmount=2>

<STRONG>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

人生最美最不能逊色的风景应该是努力。</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

努力是人生的一种精神状态,是对生命的一种赤子之情。努力是拥有之母,拥有是努力之子,一心努力可谓条条大路通罗马。</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp;

所以,与其规定自己一定要成为一个什么样的人物,获得什么东西,不如磨练自己做一个努力的人。</FONT></P>

</STRONG></FONT></MARQUEE>

 

 

  下面说明一下《移动文字的代码结构模块》的参数:

      可以将《移动文字的代码结构模块》分成两大部分《背景图段》和《文字移动段》:

1. 以下是《背景图段》代码

<P align=center>

<TABLE style="WIDTH: 750px; HEIGHT: 394px" background="文字背景图" boder="0">

<TBODY>

<TR>

<TD>

    《文字移动段》

        </TD></TR></TBODY></TABLE></P>

 其中:

WIDTH: 750px--------想在日志中显示图的宽度, 一般日志可显示的宽度在700—800之间;现在取750

HEIGHT: 394px--------想在日志中显示图的宽度, 这决定于使用图的比例,现在使用图是2240x1488, 那么2240/1488=750/x

------X=>394即可。

boder="0"------表示不再加边了,TABLE-----表示“表”, boder="0"这个表无边。

<P align=center>------表示这种底图放在日志版面的中间。可选值:居右(align=right)或居左(align=left

 

2. 以下是《文字移动段》代码

<MARQUEE style="PADDING-BOTTOM: 90px; PADDING-LEFT: 200px; PADDING-RIGHT: 40px; PADDING-TOP: 90px" direction=up height=150 width=450 scrollAmount=2>

<STRONG>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第一段文字</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第二段文字</FONT></P>

<P><FONT color=#ffffff size=4>&nbsp; &nbsp; &nbsp; 第三段文字</FONT></P>

</STRONG></FONT></MARQUEE>

        其中:

MARQUEE-------表示移动

direction=up-----表示向上移动(更多的文字移动形式请见《春回大地》829日贴出的《移动文字大全》 )。(direction=down向下、direction=left向左、direction=right向右。)

height=150 width=450------文字移动的限制范围(高和宽)

scrollAmount=2-------表示文字移动的速度最小为1

PADDING-BOTTOM: 90px; PADDING-LEFT: 200px; PADDING-RIGHT: 40px; PADDING-TOP: 90px

-----------表示文字移动在底图的具体位置:距底90;距左200;距右40;距顶90;可以根据需要自己设置。

color=#ffffff size=4-------设定文字的颜色和大小

 

        附:文字颜色具体代码(部分): 
1 白色 #FFFFFF                 2 红色 #FF0000                    3 绿色 #00FF00 
4 蓝色 #0000FF                  5 牡丹红 #FF00FF                6 青色 #00FFFF
7 黄色 #FFFF00                 8 黑色 #000000                     9 海蓝 #70DB93 
10 巧克力色 #5C3317        11 蓝紫色 #9F5F9F               12 黄铜色 #B5A642 
13 亮金色 #D9D919           14 棕色 #A67D3D                  15 青铜色 #8C7853 
16 2号青铜色 #A67D3D     17 士官服蓝色 #5F9F9F        18 冷铜色 #D98719 
19 铜色 #B87333               20 珊瑚红 #FF7F00                21 紫蓝色 #42426F 
22 深棕 #5C4033               23 深绿 #2F4F2F                   24 深铜绿色 #4A766E 
25 深橄榄绿 #4F4F2F        26 深兰花色 #9932CD            27 深紫色 #871F78 
28 深石板蓝 #6B238E        29 深铅灰色 #2F4F4F            30 深棕褐色 #97694F 


                                                                                                                日志代码提供:漂 漂   2013-09-01

 

 


  评论这张
 
阅读(99)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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