好友

享受生命，享受健康，享受快乐，享受幸福！

日志

关于我

好友

一个善解人意,宽宏大量,包容一切,非常随和的老人。

文章分类

图片加文字<用彩色生成器加文字>

2011-10-08 16:01:11| 分类：【博客代码】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

图片加文字<用彩色生成器加文字>

金钥匙的【图片加文字<用彩色生成器加文字>】

一. 运用html代码处理文字

1、基本语法：
插入文字

2、属性如下：
align=center　表示字体居中，可选值为居右（right）居左（left）
color=颜色代码　ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)

还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同, 颜色就不同了.例如，红色就表示为：color=#ff0000

face=字体　

说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”，就表示为：face=华文行楷

size=字体大小如，size=1 size=2 size=5

二. 设置可移动的文字：

基本语法：
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明:移动速度数值,1最慢,数字越大越快.

属性如下：
direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

三, 设置不同移动效果的文字：

基本语法：
<marquee behavior=移动效果>插入文字,</marquee>

属性如下：behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次　behavior=alternate 来回走

(下面的代码大家都可以参考以上来做!)

彩色文字生成器下载地址如下 :

下载地址: ( http://xz8.2000y.net/mb/1/ReadNews.asp?NewsID=280876 )

1. 生成代码:

填写你想要的文字

显示:

填写你想要的文字


衣带渐宽终不悔，为伊消得人憔悴。

显示:

衣带渐宽终不悔，为伊消得人憔悴。

2. 上面的代码就是用彩色生成器做出来的效果, 可能你觉得单调了一些, 那就加进上面html代码处理文字的代码效果:

代码如下:


填写你想要的文字 

显示:

填写你想要的文字

说明: 这就看得出来, 文字不就变化了吗? 字体也变了.

3. 好了, 那我们现在再来做设置可移动的文字的效果:

代码如下:

<marquee direction=up scrollamount=2>

填写你想要的文字！ </marquee>

显示:

填写你想要的文字！

4. 接着再用设置不同移动效果的文字的效果:

代码如下:

<marquee behavior=alternate scrollamount=2>

填写你想要的文字！ </marquee>

显示:

填写你想要的文字！

说明; 以上两个滚动效果的代码, 其实基本是差不多的, 可是有一点大家一定要记住: 两种移动效果的文字的属性是不可以混用的!

5. 背景加文字代码:


<TABLE height=500 cellPadding=10 width=470 align=center background=图片地址 border=2 table="0">
<TBODY>
<TR>
<TD>

<marquee height=450 width=450 direction=up scrollamount=2>

轻轻打开你的留言簿， 
让你知道我的到来， 
慢慢放飞我的祝福， 
让你感到我的心潮澎湃， 
让风儿送去我的心声， 
让雨丝倾注我的期待。 
让留言信息传递我对你最真诚的祝福， 
我祝你健康幸福常在 
开心、快乐常在！ </marquee>

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

显示:

轻轻打开你的留言簿，
让你知道我的到来，
慢慢放飞我的祝福，
让你感到我的心潮澎湃，
让风儿送去我的心声，
让雨丝倾注我的期待。
让留言信息传递我对你最真诚的祝福，
我祝你健康幸福常在
开心、快乐常在！

说明: 大家是不是感觉到越来越复杂啊! 看金钥匙的讲解就不会了:

整体的代码是3大部分而组合成的, 颜色我已经标明了, 一目了然!

(1) 代码中的红色部分, 你只要把地址贴入就可.

(2) 代码中 height=500 和 width=470 分别为背景图片的高度和宽度,可根据自己的图片大小调整. 文字部分的 height=450 width=450 这你倒是不一定要和背景图片的高度和宽度一样!

(3) color表示字的颜色,也可以根据自己的喜好更换.

(4) size=5 为字体的大小.数值越大,字体就越大. 蓝色是背景图地址.

(5) 文字比较多,可以加像这样的小模块: 文字 

大家也可以用下面的代码:

<CENTER>锄禾日当午 汗滴博客土 谁知熬夜累 日日皆辛苦</MARQUEE>

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

显示:

锄禾日当午
汗滴博客土
谁知熬夜累
日日皆辛苦

博客知识	周末影视	经典音乐
博览群书	电脑知识	图文赏析
音画视频	民间验方	美食天地
品茶之道	美好祝福	健康养生
美文美诗	百科知识	幽默笑话
感悟哲理	边框分割	五花八门

评论这张

转发至微博

阅读(456)| 评论(0)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_087067085082086074085085081064072087082075085081095071083086',
 blogTitle:'图片加文字<用彩色生成器加文字\>',
 blogAbstract:' <TABLE style=\"LEFT: -120px; WIDTH: 750px; TOP: 0px;\" cellSpacing=\"35\" align=\"center\" background=\"http://img.bimg.126.net/photo/nr32yFZO6Wt94gF46uQvRA==/4251116573261796186.jpg;\" border=\"0\" \> <TBODY\> <TR\> <TD\> <DIV align=\"center\" \> <DIV\> <DIV align=\"center\" \> <TABLE width=\"99%\" background=\"http://img775.ph.126.net/W0ZtSl9pWnlHGULFu1yN7g==/4856569248166039304.jpg\" \> <TBODY\> <TR\> <TD width=\"100%\" \> <CENTER\> <TABLE style=\"BORDER-COLLAPSE: collapse;\" borderColor=\"#111111\" cellSpacing=\"3\" cellPadding=\"0\" width=\"90%\" background=\"http://www.spiritisup.com/truesungold.jpg\" border=\"1\" \> <TBODY\> <TR\> <TD width=\"100%\" \> <CENTER\> </CENTER\></TD\></TR\></TABLE\></P\></CENTER\></TD\></TR\></TABLE\></DIV\></DIV\></DIV\></TD\></TR\></TABLE\></P\>',
 blogTag:'',
 blogUrl:'blog/static/138179470201182881313339',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:1319026187117,
 publishTime:1318060871531,
 permalink:'blog/static/138179470201182881313339',
 commentCount:0,
 mainCommentCount:0,
 recommendCount:0,
 bsrk:-100,
 publisherId:0,
 recomBlogHome:false,
 currentRecomBlog:false,
 attachmentsFileIds:[],
 vote:{},
 groupInfo:{},
 friendstatus:'none',
 followstatus:'unFollow',
 pubSucc:'',
 visitorProvince:'',
 visitorCity:'',
 visitorNewUser:false,
 postAddInfo:{},
 mset:'000',
 mcon:'',
 srk:-100,
 remindgoodnightblog:false,
 isBlackVisitor:false,
 isShowYodaoAd:false,
 hostIntro:'一个善解人意,宽宏大量,包容一切,非常随和的老人。',
 hmcon:'1',
 selfRecomBlogCount:'0',
 lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
 }

{list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 {if x.visitorName==visitor.userName}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 {if x.moveFrom=='wap'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </a>
 {/if}
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 ${fn(x.visitorNickname,8)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

推荐过这篇日志的人：
 <div>
 {list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
 </a>
 <div class="cwd thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 ${fn(x.recommenderNickname,6)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}
 </div>
 {if !!b&&b.length>0}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/138179470201182881313339">${y.recommendBlogTitle|escape}</a></li>
 {/if}
 {/list}
 </ul>
 {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
 {if !!x}
 <div class="hotItem iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 {if x.publisherUsername==visitor.userName}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 ${fn(x.publisherNickname,8)|escape}
 </a>
 </div>
 <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
 </div>
 {/if}
 {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

好友

导航

日志

图片加文字<用彩色生成器加文字>

历史上的今天

最近读者

热度

评论

页脚