诗情秋园

讴歌时代旋律，挥书人生亮点，拨动这高昂激扬的美韵弦，唱响海角涯天，广结诗情缘。

日志

关于我

诗情恋

文章分类

·默认分类（1637）

【转载】博客基本代码解读大全

2013-03-10 10:16:37| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自然朵《博客基本代码解读大全》

【转载】博客基本代码解读大全

字体控制代码

◆字体加粗： <B>写上你想写的字</B>
◆字体斜体： <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行： <BR>
◆空格：  
◆段落： <P></P>段落
◆原始文字样式：<PRE>正文</PRE>
◆常用字体代码：宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、隶书、方正舒体、华文新魏、华文行楷、华文细黑、华文彩云、方正姚体、迷你简粗倩、
◆字体控制大小： <H1>写上你想写的字</H1>(其中字体大小可从h1-h5,h1最大，h5最小)、（字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。)
◆更改字体颜色：<FONT color=#0a00e>写上你想写的字</FONT>(其中value值在000000与ffffff(16位进制)之间
◆坚排文字的代码∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字 (靠右排版right)
◆移动字体(走马灯效果)： <MARQUEE>写上你想写的字</MARQUEE>
◆字体设置:① <FONT style="FONT-SIZE: 15pt" color=#ff0000>
◆字体设置:② <FONT face=隶书 color=#0000ff size=5>选择文字式样、颜色、大小
◆彩字设置:① <DIV style="FONT-SIZE: 25pt; FILTER: glow(color=ffffff); COLOR: #000000; FONT-FAMILY: 隶书; HEIGHT: 10px"> 显示虚边字代码
◆彩字设置:② <DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#333366,direction=240); WIDTH: 550px; COLOR: #ff0033; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_gb2312; HEIGHT: 51px"> 显示字阴影(direction=240数值变化可改变阴影方向,看标题效果)
◆彩字设置:③ <MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); COLOR: #ff0000; FONT-FAMILY: 华文新魏" >显示虚边字和移动代码</MARQUEE> (滚动效果)
◆彩字设置:④ <DIV style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 685px" twffan="done"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000> 可改变虚边大小的虚边字代码(strength=10改变此数字即可)
◆彩字设置:⑤全色底埔色上写字 <FONT face=隶书 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2> 示图∶ 寒情博客
对齐方式代码

◆左对齐: <LEFT>
◆中对齐: <CENTER> 或 <P align=center> 或 <DIV align=center>
◆右对齐: <RIGHT>
◆段落水平对齐：<ALIGN="相关参数"> 其常见的设定值有三个：置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">
◆缩排：<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位，二组缩排两个单位，以此类推。

文字控制代码

◆文字向上滚动的代码: <MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑体 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR></CENTER></MARQUEE> (滚动速度scrollAmount=3 )<MARQUEE>里面的参数修改一下，效果将不一样，这里仅提醒一下direction=添加方向代码为: 向下（down）、向上( up )、向左（left）和向右（right）。
◆文字上下往复跳跃移动代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate>
<CENTER><FONT face=隶书 color=#ffff00 size=7>插入文字</CENTER></FONT></MARQUEE>
◆左右往复移动代码: <BEHAVIOR=ALTERNATE>
◆文字移动走走停停代码： <MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate>插入文字</MARQUEE>蓝色部分可调方向、速度

图片控制代码

◆贴图： <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图： <IMG style="WIDTH: 81px; HEIGHT: 80px" src="粘贴图片地址" border=0>（改变81px 、80px 数据变换图片的大小）
◆图片产生梦幻（羽化）效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="图片地址" > (opacity=100可在百内变、style=0（0=平均透明，1=片状透明，2=圆型透明，3=方型透明变) 、 WIDTH 、HEIGHT（表示宽度和高度，其值可以变）
◆换帖子背景： <body background="背景图片地址">
◆添加日志文字背景图的代码：<TABLE width="100%" border=0><TBODY><TR><TD background=图片网址 height=384>
◆定制帖子背景颜色：<body bgcolor="#value"> (颜色value值)
◆固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>
◆加背景图片: <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3>
◆图片滚动代码: (从下往上滚动)
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 >
<IMG src="添加滚动的图片地址1/" border=0>
<IMG src="添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="图片地址";><IMG src="图片地址";><IMG src="图片地址";></MARQUEE>将其前面兰色代码换上如下代码即改变移动方向
向右: <MARQUEE direction=right>向上: <MARQUEE direction=up>向下: <MARQUEE direction=down>往复来回:
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入：<IMG src="图片地址";>

链接代码

◆文字的连接： <A href="链接地址"><FONT color=#ff0000>写上你的字</FONT></A> (字的颜色自定)
◆图片的连接： <A href="链接图片地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
◆友情的连接： <A href="链接网址" target=_blank>链接网址名字 (也可作文章链接、换成文章链接网址和文章名字)
◆新窗口打开连接：<A href="链接地址" target=_blank>写上你的字</A>
◆学海博客的链接代码∶ <A href="http://lv.jingxiang.blog.163.com/" target=_blank><FONT color=#0000ff size=5>要写的字、或要链接的图片地址。
◆消除连接的下划线：<A style="TEXT-DECORATION: none" href="相关地址">写上你想写的字</A>
◆鼠标指向图片可显示导航名称并链接代码：<A href="加入要链接的地址" target=_blank><IMG title=写上要显示的名称 height=290 src="使用的图片地址" width=150></A>

控制 FLASH 代码

◆粘贴FLASH: <embed src="FLASH地址" width="宽度" height="高度">
◆首页FLASH: 找到FLASH地址后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。
◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个<显示HTML代码>了必须先点一下<>后再复制上去.再点这个<><隐藏HTML代码>即显示了。
◆日志里粘贴【FLASH】动画的代码是: <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
◆粘贴【Flash】动画代码∶
(1)粘贴非透明动画代码: <EMBED src=FLASH动画地址 width=600 height=420 type=application/x-shockwave-flash quality="high" > (width、 height 宽度和高度值是可改变 )
(2)粘贴透明动画代码: <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH动画地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" >
◆控制【Flash】动画或【图片】及文字等定位代码： <P style="MARGIN-TOP: -70px; MARGIN-LEFT: -10px"> (加在FLASH动画或图片代码前面、MARGIN-TOP: 0px 上下定位，- 往上移，+ 往下移、MARGIN-LEFT: 0px   左右定位，+ 往右移，- 往左移)

常用模块代码
◆<TABLE> 表格、背景图等模块代码：
◆无名表格 <FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>无名表格</LEGEND><P>添加内容</P></FIELDSET> (可取舍align=center)
◆无名表格Ⅰ <FIELDSET style="WIDTH: 600px; COLOR: #000000" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加内容</FIELDSET>
◆ <P></P> 段落模块代码
◆ <DIV></DIV> 段落模块,与P在自定义模块时换段不同代码
◆ <P> </P>   是空白字位,与P组合成空白段落模块。文字排版时用得上
◆ <IMG> 贴图片、影视文件模块模块代码
◆ <EMBED> 图片边文字排版、音乐、视频、(透明FLASH)动画、背景音乐模块代码)
◆ <MARQUEE> 走动文字幕、走动图片幕模块代码
◆<HR></HR>划横线模块(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)
◆ <TBODY>
    <TR>
    <TD> ∶<TR>是添加横, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码
◆表格基本代码∶
<TABLE cellSpacing=0 cellPadding=0 borderColor=#2f6cd2 bgColor=#ff0000 border=1>
<TBODY>       〖 colSpan=2   〗表格合并列代码
<TR>             〖 rowSpan=4 〗表格合并行代码
<TD>              background=背景图片地址 bgColor=#背景颜色

颜色方面代码

◆颜色属性：<HR COLOR="颜色代码或颜色名称">。
◆宽窄属性：<HR WIDTH="宽度">，单位为px，宽度也可用百分比来作设定，如50%即为宽度占屏幕的50%。
◆厚度属性：<HR SIZE="厚度">。
◆位置属性：<HR ALIGN="水平位置设定值">，其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。
◆阴影属性：<HR NOSHADE>，无设定值，只要将NOSHADE加入即可，通常会配合颜色设定，效果较佳。

音乐播放器代码

◆隐藏播放器自动播放: <EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar"> (要显示播放器调整width=0、 height=0数值)
◆显示播放器手动播放: <EMBED src=音乐文件地址 width=550 height=45 type=audio/mpeg autostart="false">
◆贴音乐：<EMBED src=音乐地址 width=宽度 height=高度 type="text/html; charset=GBK" autostart="false">
◆帖子背景音乐： <BGSOUND="背景音乐地址" loop="infinite">
◆贴影视文件： <IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度>
◆贴FLASH： <EMBED src=FLASH地址 width=宽度 height=高度 type="text/html; charset=GBK">

其他部分实用代码
◆滚动条添加: <DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left> 在这里输入是文字，也可以是链接。注：此（left）为对齐方式，当前是左对齐
◆滚动条表格: <TABLE width=280 align=center border=1><TBODY><TR><TD align=middle bgColor=cyan height=30><FONT color=#ffffff>带滑动条的表格</FONT></TD><TR><TD bgColor=yellow><DIV style="OVERFLOW: auto; HEIGHT: 90px"> 在这里添加日志内容。(本日志效果即是)
◆友情连接<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="90%" height=100><A href="对方地址" target=cont><IMG height=100 src="对方图片" width=100 border=0></MARQUEE>

本文代码来自寒情博客 在此感谢

评论这张

转发至微博

阅读(52)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087065081084084067082084085071072087082070086094086067080080',
              blogTitle:'【转载】博客基本代码解读大全',
              blogAbstract:'\r\n<P\><FONT color=\"#008000\"  size=\"2\"  \><STRONG\>【转载】博客基本代码解读大全</STRONG\></FONT\></P\>\r\n<P\><FONT color=\"#008000\"  size=\"5\"  \><STRONG\>字 体 控 制 代 码</STRONG\></FONT\></P\>\r\n<P\><FONT color=\"#333333\"  size=\"2\"  \>◆字体加粗： <B>写上你想写的字</B> <BR\>◆字体斜体： <I>写上你想写的字</I> <BR\>◆字体下划线∶ <U>写上你想写的字</U> <BR\>◆字体删除线∶ <S>写上你想写的字</S> <BR\>◆字体加大∶ <BIG>写上你想写的字</BIG> <BR\>◆打字机字体∶ <TT>写上你想写的字</TT> <BR\>◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK> <BR\>◆换行： <BR><BR\>◆空格： &nbsp; <BR\>◆段落： <P></P>段落 <BR\>◆原始文字样式：<PRE>正文</PRE><BR\>◆常用字体代码：宋体、黑体、楷体_GB2312</FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/135280046201321010144713',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1362881797137,
              publishTime:1362881797102,
              permalink:'blog/static/135280046201321010144713',
              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"><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/135280046201321010144713">${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 - 订阅此博客

诗情秋园

导航

日志

【转载】博客基本代码解读大全

历史上的今天

最近读者

热度

评论

页脚