枫叶红似火，一叶便知秋；

枫叶知秋博客；欢迎您的光临。

日志

关于我

枫叶知秋

热衷于,写作,诗词歌赋,旅游,游泳,美食,麻将,喝酒,交友,上网。

文章分类

【转载】教程——扮靓你的博客

2013-01-08 19:24:56| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自儒风《教程——扮靓你的博客》

一、代码。

1、在一些素材网站上寻找合适的素材。

一般而言，这些网站都会提供素材的代码。

例：

←这个框框里面就是代码哦！

把他们提供的代码复制下来。

2、点击博客左上角的，再点“装扮博客。如图：

3、在出现的里点。

4、点

5、

把你刚刚复制的代码粘贴上去。

6、点，看看效果，确定没什么问题后点，相应的素材将会出现在你的博客上！

7、有些博客上的素材没有代码，就得自己编辑了！

例：

这幅图没有给出代码。

8、对图片点右键——属性，复制里面的地址（url）

9、按2-4步所说，添加一个模块。

10、将代码 <img src="刚刚那幅图的地址"> 复制上去。

温馨贴士：分割线、图片、闪字闪图、访客计时器等都属于图片类。

11、点，没问题后点即可！！！

12、时钟、日历等东西属于flash类，一般发布人都会提供代码。如果没有代码，只有一个以“http://”开头的地址的话，就复制这个地址。添加一个自定义模块，点“插入flash”把弹出窗口里本身有的“http://”删掉，再复制自己刚刚得到的地址上去，点，没问题的话点。

二、下面是几个博客常用的代码：

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

文字连接：        <a href="连接地址" target="_blank">连接文字</a>

温馨贴士：如果要连接到某一篇日志，务必把日志后面的“/edit/”去掉，否则地址会出错，猫猫就犯过这种错误！）

字体加大:       <big>要加大的字</big>

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

换行（功能类似回车键）：      <br>

自定义栏里加上背景

<table border="0" width="表格宽" background="背景图网址"><tr><td>图片、文字或其他代码</td></tr></table>

1.上下滚动：

代码：<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,3

4,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDela

y=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动：

代码：   <marquee direction="left" scrollamount="1" scrolldelay="10" bo

rder="0" width=500 >

滚动条添加

<DIV align=center>
<DIV style="BORDER-RIGHT: #ff5bad 5px dotted; BORDER-TOP: #ff5bad 5px dotted; SCROLLBAR-FACE-COLOR: #ff7dbe; Z-INDEX: 1; LEFT: 10px; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffb3d9; OVERFLOW: scroll; BORDER-LEFT: #ff5bad 5px dotted; WIDTH: 230px; SCROLLBAR-SHADOW-COLOR: #ffb3d9; SCROLLBAR-3DLIGHT-COLOR: #ff7dbe; SCROLLBAR-ARROW-COLOR: #ffb3d9; BORDER-BOTTOM: #ff5bad 5px dotted; SCROLLBAR-DARKSHADOW-COLOR: #ff7dbe; SCROLLBAR-BASE-COLOR: #ff7dbe; TOP: 15px; HEIGHT: 78px"><FONT color=#808080>
<P><FONT size=2></FONT>输入文字</P></FONT></DIV></DIV>
<DIV align=center><FONT style="BACKGROUND-COLOR: #ffffff"></FONT><FONT color=#000000 size=3> </FONT></DIV>

其中的颜色,大小都可以自由更改,大家慢慢琢磨吧.

空格代码（即空格键）:  

改变字体和颜色:        <FONT face=宋体 color=#FF99CC>要变色的文字</FONT>（红色部分可输入其他颜色代码）

加粗文字:      <b>要加粗的文字</b>

~~删除线文字~~ :      <s>删除线文字</s>

右边显示文字

<div align=right>文字</div>

三、颜色代码。

要改变字体颜色或其他需要输入颜色代码的地方，可参考以下代码：

#000000 #000033 #000066 #000099 #0000cc #0000ff

#003300 #003333 #003366 #003399 #0033cc #0033ff

#006600 #006633 #006666 #006699 #0066cc #0066ff

#009900 #009933 #009966 #009999 #0099cc #0099ff

#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff

#00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff

#330000 #330033 #330066 #330099 #3300cc #3300ff

#333300 #333333 #333366 #333399 #3333cc #3333ff

#336600 #336633 #336666 #336699 #3366cc #3366ff

#339900 #339933 #339966 #339999 #3399cc #3399ff

#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff

#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff

#660000 #660033 #660066 #660099 #6600cc #6600ff

#663300 #663333 #663366 #663399 #6633cc #6633ff

#666600 #666633 #666666 #666699 #6666cc #6666ff

#669900 #669933 #669966 #669999 #6699cc #6699ff

#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff

#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff

#990000 #990033 #990066 #990099 #9900cc #9900ff

#993300 #993333 #993366 #993399 #9933cc #9933ff

#996600 #996633 #996666 #996699 #9966cc #9966ff

#999900 #999933 #999966 #999999 #9999cc #9999ff

#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff

#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff

#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff

#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff

#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff

#cc9900 #cc9933 #cc9966 #cc9999 #cccccc #ccccff

#ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff

#ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff

#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff

#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff

#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff

#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff

#ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff

评论这张

转发至微博

阅读(90)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087065086094086067085086082067072084080071087083087065093085',
              blogTitle:'【转载】教程——扮靓你的博客',
              blogAbstract:'<p\><u\><font color=\"#800080\"  \></font\></u\><br\> </p\> <blockquote\> <div align=\"left\"  \> <table style=\"\"  height=\"100%\"  cellspacing=\"0\"  cellpadding=\"10\"  width=\"100%\"  align=\"left\"  border=\"0\"  \> <tbody\> <tr\> <td valign=\"top\"  \> <p align=\"center\"  \><font size=\"+0\"  \><font color=\"#000000\"  size=\"3\"  \></font\></font\> </p\> <p align=\"center\"  \><font size=\"+0\"  \><font color=\"#ff0000\"  size=\"3\"  \>一、代码。</font\></font\></p\> <p align=\"center\"  \><font color=\"#ff0000\"  size=\"3\"  \>1、在一些素材网站上寻找合适的素材。</font\></p\> <p align=\"center\"  \><font color=\"#ff0000\"  size=\"3\"  \>一般而言，这些网站都会提供素材的代码。</font\></p\> <p align=\"center\"  \><font color=\"#ff0000\"  size=\"3\"  \>例：</font\></p\> <p align=\"center\"  \><a target=\"_blank\" href=\"http://img.blog.163.com/photo/907X7GhIT18TgSGIjb5brQ==/2016486733155730535.jpg\"  \></a\></p\></td\></tr\></table\></div\></blockquote\>',
              blogTag:'',
              blogUrl:'blog/static/21435129320130872456157',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1357644296157,
              permalink:'blog/static/21435129320130872456157',
              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/21435129320130872456157">${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 - 订阅此博客

枫叶红似火，一叶便知秋；

导航

日志

【转载】教程——扮靓你的博客

历史上的今天

最近读者

热度

评论

页脚