滴墨斋主的后花园

.

日志

关于我

滴墨斋主

文章分类

引用 26种文字编辑代码

2009-08-14 06:54:46| 分类：巧用代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

*渤海龙* 的 26种文字编辑代码

1、上下滚动的字代码:
<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"
height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"
color=#ffffff>博者美博欢迎您</FONT></MARQUEE>

2、做比较大的字代码:
<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ博者美博欢迎您ゞ</FONT></SUP></FONT>

3、文字走马灯效果代码：
<marquee width="157" height="21">博者美博欢迎您

4、改变文字的字体和颜色代码（1）：
<b><font face=华文行楷 size=5 color=#ff0000>

说明：要修改字体和颜色的字
变换字体颜色只需替换color = 后面的代码,好看的字体颜色有： #ff1493 #228b22
#4169e1 #9400d3 #ff0000 #daa520

改变文字的字体和颜色代码（2）：
<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>博者美博欢迎
您</FONT>

说明：变换字体颜色只需替换color = 后面的代码,好看的字体颜色有： #ff1493 #228b22
#4169e1 #9400d3 #ff0000 #daa520

5、移动文字代码：
<marquee width="157" height="21">博者美博欢迎您</marquee>

6、修改导航,但还是原来的格式,但是改变字体和背景代码：
<img src="/blog/"导航文字;';bt_2.innerText='导航
文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='
导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文
字';bt_8.innerText='导航文字';">

在加上透明效果:
<img
src="/blog/"url()';bt_2.style.background='
url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.sty
le.background='url()';bt_6.style.background='url()';bt_7.style.background='
url()';bt_8.style.background='url()';"></img>

在加上颜色效果:
<img
src=";docum
ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('b
t_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#3
3ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl
ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').sty
le.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';">
</img><font color=red></font>

7、上下左右移动文字特效代码：
<marquee direction=移动方向 scrollamount=移动速度数值>博者美博欢迎您</marquee>

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

8、文字停停走走效果代码：<marquee scrolldelay=500 scrollamount=100>博者美博欢迎您<marquee>

9、文字移动效果代码：
<marquee behavior=移动效果>博者美博欢迎您</marquee>

说明：behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次
behavior=alternate 来回走

10、发光文字代码：
</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">
<font color=#ffffff size=2>博者美博欢迎您</font>
</table>

说明：其中color是阴影的颜色，可以配合网页色调改变，direction是设置阴影的强
度，font color是原字体的颜色

11、浮雕的文字代码：
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,
positive=1)；">
<font color=#ffffff>博者美博欢迎您</font>
</table>

说明：其中color是阴影的颜色，可以配合网页色调改变，positive是设置阴影的强度，offx
和offy是设置的阴影和文字的距离，font color是原字体的颜色

12、阴影的文字代码：
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
<font color=#6CABE7 size=2>博者美博欢迎您</font>
</table>

13、文本框字体代码：
</textarea><TEXTAREA STYLE="font:12px；font-family:Verdana；color:#666666">博者美博欢迎您

说明：字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定
<tr> 表格列 border="5"边框宽度为5像素，bordercolor="Purple"边框顔色为紫色
<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

14、滚动字代码：
<marquee border="0" align="middle" scrolldelay="120">博者美博欢迎
您</marquee>

15、倒帖的文字特效代码：
<p align=right><FONT
style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>博者美博欢迎
您</B></FONT></p>

16、翻转文字特效代码：
<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>博者美博欢迎
您</B></FONT>

17、漂动文字特效代码：
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td
background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><
marquee behavior=alternate scrollamount=3 direction=down
height=350><marquee behavior=alternate scrollamount=3 width=500><img
src=1.gif><font color=red size=6><b>博者美博欢迎您</b><img
src=1.gif></font></marquee></table><br>

18、改变滚动字幕的颜色代码：
<marquee scrollAmount=2 width=300><a style=color:CC6600>博者美博欢迎
您</a></marquee>

19、当鼠标停留在文字上，文字停止滚动代码：
<marquee scrollAmount=2 width=300 color=#ff0000>博者美博欢迎您
</marquee>

20、文字交替效果特效代码：
<marquee scrollAmount=2 width=150 behavior=alternate>博者美博欢迎
您</marquee>

21、不停变化颜色的字代码：
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px
src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>博者美博欢迎您</FONT></DIV></DIV>

22、滚动红色字特效代码：
<marquee width="650" height="60"><font color="red">博者美博欢迎您</font></a></marquee>

23、滚动无框红色字特效代码：
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><marquee width="750" height="60"><font color="red">博者美博欢迎您</font></a></marquee>

24、左右移动字特效代码：
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">博者美博欢迎您</marquee></marquee></font></center>

25、角度跳动的字左右移动字特效代码：
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">博者美博欢迎您</marquee></marquee>

26、七字体顔色文字特效代码：
<font COLOR=颜色代码>博者美博欢迎您</font>

说明：颜色代码对应网站查看:http://www.ezsell.com.tw/aseip_folder/color.htm

评论这张

转发至微博

阅读(998)| 评论(10)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082069080080085069087087086095080084083069080087083070',
              blogTitle:'引用 26种文字编辑代码',
              blogAbstract:'<P\> </P\>\r\n<P\><EM\>引用</EM\></P\>\r\n<BLOCKQUOTE\><A href=\"http://blog.163.com/kerry8888@yeah/\" target=_blank\>*渤海龙*</A\> 的 <A href=\"http://blog.163.com/kerry8888@yeah/blog/static/81879100200892611201639\" target=_blank\>26种文字编辑代码</A\><BR\>\r\n<P\> </P\>\r\n<BLOCKQUOTE\>\r\n<BLOCKQUOTE\>\r\n<BLOCKQUOTE\>\r\n<P\><STRONG\><FONT size=4\>\r\n<TABLE cellSpacing=0 cellPadding=0 align=center border=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD align=middle\>\r\n<DIV align=left text?\>\r\n<DIV\>\r\n<DIV align=center\><FONT color=#ff0000\> </FONT\></DIV\>\r\n<DIV\><FONT color=#ff0000\><STRONG\>1、上下滚动的字代码:</STRONG\><BR\><MARQUEE scrollAmount=2 scrollDelay=200 direction=up width=\"100%\"<BR\>height=210><FONT style=\"LINE-HEIGHT: 180%; LETTER-SPACING: 3px\"<BR\>color=#ffffff>博者美博欢迎您</FONT></MARQUEE></FONT\></DIV\>\r\n<DIV\><BR\><FONT color=#ff0000\></FONT\></DIV\></DIV\></DIV\></TD\></TR\></TABLE\></FONT\></STRONG\></P\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\>',
              blogTag:'电脑技术',
              blogUrl:'blog/static/42264155200971465446413',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1250204086413,
              permalink:'blog/static/42264155200971465446413',
              commentCount:10,
              mainCommentCount:7,
              recommendCount:2,
              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:true,
              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"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></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}

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

<p class="fc06">推荐过这篇日志的人：</p>
    <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}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/42264155200971465446413">${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 - 订阅此博客

滴墨斋主的后花园

导航

日志

引用 26种文字编辑代码

历史上的今天

最近读者

热度

评论

页脚