网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

常用基本博客代码解释

2012-04-01 06:28:31| 分类：【博客教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自鳕鯡鮩鲒《常用基本博客代码解释》

一，基本代码的认识

1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行：<br>

17)段落：<p>段落</p>

18)原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

23)图片新窗口链接:<a href="所链接的地址" target=_blank><img src="图片地址" width="130" height="30" border=0></a>

24)使链接对象居中:<p align=center>"链接对象"</p>

25)贴图并设置尺寸：<img width="宽尺寸" height="高尺寸" src="图片地址">

二，制作滚动字幕

1.上下滚动：

给我你的友谊-不是在风光旖旋的时候
给我你的爱情_不是在群芳争艳的时候
给我你的温暖-不是在春回大地的时候
给我你的支援-不是在山巅欢呼的时候
给我你的真诚吧_在真诚被淹没的时候
我心依旧随笔

1.上下滚动：代码：

代码：

<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动：

鳕鲱鮩鲒欢迎你，放入代码后，点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。

2.左右滚动：代码：

代码：

<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 > border="0"><FONT color=#000066 size=3><FONT color=#ff0066>编辑你自己的文字。</FONT></FONT></MARQUEE></P>

三制作滚动的图片

首先新建一个模块，然后在模块中复制粘贴入以下代码：

图片新窗口链接:

<MARQUEE scrollAmount=2>

<A href=http://blog.sina.com.cn/u/1767073051 target=_blank><IMG height=300 src="图片地址" border=0></A>

</marquee>

注：1，图片地址处替换为你想要展示的图片的地址，即“http://……………….jpg”图片文件地址

2，height代表图片的高度，建议把所有的图片调整为相等的高度。

3，scrollamount代表图片移动的速度，值越大移动越快。如果没有它，默认为6，建议设为1～3比较好。

　　4，direction代表移动的方式，等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。

5，color=#000066 代表颜色size=3>代表文字大小

6，scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

一、向左移动

向左移动代码：

代码

<marquee><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
<br>从右向左移动</marquee>

示例：

从右向左移动

二、向右移动

向右移动代码：

代码

<marquee direction=right><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

示例
从左向右移动

三、向上移动

向上移动代码：

代码

<MARQUEE scrollAmount=2 direction=up>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B>向上移动</B></FONT><BR><IMG style="WIDTH: 162px; HEIGHT: 180px" height=30 src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=90></CENTER></MARQUEE>

示例 向上移动

四、向下移动

向下移动代码：

代码

<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=290 height=430></marquee>

示例 向下移动

五、来回移动

来回移动代码：

代码

<marquee width=100% behavior=alternate scrollamount=10><img src="http://img9.ph.126.net/WrN_jzH8-YATuVvHvicFqA==/1320962065720381599.jpg"
width=290 height=430><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>

示例

来回移动

六、上下起伏

上下起伏代码：

代码

<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_82011292325774312 src="http://img5.ph.126.net/9cGLEjdj9iuxtT_AdfaGNQ==/576460752304386215.gif"><FONT color=#ed1c24>鳕鲱鮩鲒欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_23571292325990656 src="http://img5.ph.126.net/9cGLEjdj9iuxtT_AdfaGNQ==/576460752304386215.gif"><FONT color=#22b14c>鳕鲱鮩鲒欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>

示例

鳕鲱鮩鲒欢迎你

鳕鲱鮩鲒欢迎你

注: 各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

鳕鯡鮩鲒博客欢迎您

http://xuefeibingjie.blog.163.com/

评论这张

转发至微博

阅读(440)| 评论(18)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066084080086075081087086074072087088068087087087066082086',
              blogTitle:'常用基本博客代码解释',
              blogAbstract:'   <TABLE style=\"BORDER-RIGHT: #336666 20px ridge; BORDER-TOP: #336666 20px ridge; BORDER-LEFT: #336666 20px ridge; WIDTH: 875px; BORDER-BOTTOM: #336666 20px ridge; HEIGHT: 97px; BACKGROUND-COLOR: #000000;\"  cellSpacing=\"0\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  <P style=\"TEXT-INDENT: 2em;\"  \>  <TABLE title=\"鳕鲱鮩鲒编辑\" style=\"BORDER-RIGHT: rgb(255,220,116) 12px ridge; BORDER-TOP: rgb(255,220,116) 12px ridge; BORDER-LEFT: rgb(255,220,116) 12px ridge; WIDTH: 826px; BORDER-BOTTOM: rgb(255,220,116) 12px ridge; HEIGHT: 105px;\"  borderColor=\"#ffdc74\" cellSpacing=\"10\" cellPadding=\"12\" width=\"826\" align=\"center\" bgColor=\"#000000\" border=\"5\" \>  <TBODY\>  <TR\>  <TD\>  <P\><STRONG\><FONT color=\"#ff0000\" size=\"4\" \>一，基本代码的认识</FONT\></STRONG\></P\>  <P\><STRONG\><FONT color=\"#99ccff\" size=\"1\" \>1)贴图：<img src=\"图片地址\"></FONT\></STRONG\></P\></TD\></TR\></TABLE\></P\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/19731116020123162831954',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1333232911954,
              permalink:'blog/static/19731116020123162831954',
              commentCount:18,
              mainCommentCount:10,
              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/19731116020123162831954">${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 - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

常用基本博客代码解释

历史上的今天

最近读者

热度

评论

页脚