.

日志

关于我

林子

相识是缘！用友情的丝线,纺织心与心的距离,把一声声祝福,托于清风明月,轻轻的给你捎去！

文章分类

引用 (原创)HTML代码总汇

2007-12-10 15:25:39| 分类：装扮博客 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

蓝色妖姬的引用 (原创)HTML代码总汇

HTML代码总汇

我近来在网上收集一些常用代码,现归纳如下.

一

在日志里添加WMV文件

<P><EMBED style="WIDTH: 600px; HEIGHT: 368px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=wmv 地址width=600 height=368 border="0" showcontrols="1" showaudiocontrols="1" showstatusbar="1" autostart="1" loop="0" enablecontextmenu="1"></EMBED> </P>

在日志里添加RM文件

<embed src="RM地址" controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%" height="200" autostart="1" loop="0"></embed>

在日志里添加FLASH文件

<P><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=600 height=400 type=application/x-shockwave-flash quality="high"> </P>

                                                 (二)

朦胧图片加入两个透明FLASH的效果，代码如下：

<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD><BR><EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>

图片朦胧效果的代码如下：

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=1)" width=595 background=图片地址 height=406>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

请大家注意：style=1或2或3，其图片朦胧的效果就不同，如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下：

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=图片地址 height=406>
<P align=center><EMBED src=透明FLASH地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

                                          (三)

一张照片，2个动画合并的特效代码：

<P align=center>
<TABLE height=363 cellPadding=0 width=539 align=center background=http://romantic-art.com/cards14/waitingonyou/WaitingForYoutop.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mtv.vicn.com/upload/20044822575911087.swf width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://forshine.net/flash/94.swf width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>

【二】一张图片，二个特效动画合并的代码效果：

<P align=center>
<TABLE height=363 cellPadding=0 width=500 align=center background=http://jinmei.16789.net/07081564052.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mtv.vicn.com/upload/20044822575911087.swf width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://love.xaonline.com/upload/2004719/UF604426.swf width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>

                                             (四)

中由中间向两边移动的文字

<P align=center> </P>

<P align=center><FONT face=华文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50>由中间向两边移动的文字和图像</FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像</FONT></MARQUEE></FONT></FONT></P></FONT>

2.文字左向右移动

<DIV imgzoom" scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

3.文字向下移动

<MARQUEE scrollAmount=2 direction=down><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

4.文字向上移动

<MARQUEE scrollAmount=2 direction=up><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>要写的文字</FONT></MARQUEE>

5.文字跳舞

<CENTER><FONT size=8><FONT face=隶书 color=red>

<MARQUEE direction=up behavior=alternate width=80 height=120>要</MARQUEE></FONT><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=80 height=80>写</MARQUEE></FONT><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=80 height=120>的</MARQUEE></FONT><FONT color=green>

<MARQUEE direction=up behavior=alternate width=80 height=80>文</MARQUEE></FONT><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=80 height=120>字</MARQUEE></FONT></FONT></CENTER></DIV>

6.光晕效果文字代码
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
7.滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
8.涂鸦版
这个涂鸦板，就是版面设计不好，代码是：
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
9.发光效果
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>
10.模糊效果
<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要输入的文字</FONT>

11发光文字代码：
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>

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

12浮雕的文字：
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>

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

13 阴影的文字：
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>

14 七彩文字背景代码:

<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://99927.com/client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699

                              (五)

带背景的往上浮动字公告栏：

<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background=http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>公告内容<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

1、代码中红色的部分就是背景图片的链接地址

2、代码中黄色的部分是使用的图片的高和宽，一定要设置成和图片一致，否则图片不能完整显示

3、代码中蓝色的部分是滚动文字的设置代码，direction=up向上down向下righ向右tleft向左

4、粉色的代码部分是文字从公告栏空白处出来时的高度，可以随意调节.

                             (六)

打开博客就听到欢迎光临的声音



<DIV> </DIV><BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0>
直接复制在自定义上既可。

评论这张

转发至微博

阅读(323)| 评论(3)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087069081084086074087083094095087085082074080086084070',
              blogTitle:' 引用 (原创)HTML代码总汇',
              blogAbstract:'<P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://hmg-1223.blog.163.com/\" \>蓝色妖姬</A\> 的 <A target=\"_blank\" href=\"http://hmg-1223.blog.163.com/blog/static/139172820070111159663\" \>引用 (原创)HTML代码总汇</A\><BR\>  <P\> </P\>  <P\><BR\>  <TABLE cellPadding=\"100\" width=\"480\" align=\"center\" background=\"http://xz1.2000y.net/348114/uploadpic/200412722422724.jpg\" border=\"0\" cellSpacing\>  <TBODY\>  <TR\>  <TD\>  <TABLE borderColor=\"#98fb98\" borderColorDark=\"#e6e6fa\" cellPadding=\"0\" width=\"480\" align=\"center\" border=\"10\" \>  <TBODY\>  <TR\>  <TD\>  <P align=\"center\" \><STRONG\><FONT face=\"楷体_GB2312\" color=\"#ff0000\" size=\"6\" \>HTML代码总汇</FONT\></STRONG\></P\>  <P align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#ff0000\" size=\"4\" \><STRONG\>我近来在网上收</STRONG\><FONT color=\"#ff0000\" \>集</FONT\></FONT\><FONT color=\"#ff0000\" \> 一些常用代</FONT\><FONT color=\"#ff0000\" \><STRONG\>码,现归纳如下.</STRONG\></FONT\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></P\></BLOCKQUOTE\>',
              blogTag:'博客技巧',
              blogUrl:'blog/static/333940252007111032539885',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317451312893,
              publishTime:1197271539885,
              permalink:'blog/static/333940252007111032539885',
              commentCount:3,
              mainCommentCount:3,
              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"><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/333940252007111032539885">${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 - 订阅此博客

.

导航

日志

引用 (原创)HTML代码总汇

历史上的今天

最近读者

热度

评论

页脚