White residence

There is a chrismas lane in Lodon.

日志

关于我

xxorianthixx

丨网易博客的元老级人物丨一个集才华与肥肉于一身的女子。爱摄影、爱阅读、爱音乐、爱电影。还是那个STRANGE的女孩。

文章分类

【引用】『总汇』— 博客基础代码

2012-05-09 17:32:19| 分类： Anthi﹏素材 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

Vennena 的『总汇』— 博客基础代码

博客基础代码

◎ 装扮博客可以用到的一些基础代码：

· 博客首页添加自定义模块：

按博客右上角 [换衣服] → [设置首页内容] → [添加自定义模块] → [置入代码]

◎ 添加文字时可用到的代码：

· 文字隔行：<br>

在首页模块里放些心情文字，或者公告之类的时候替Enter来起分段落隔行作用。

· 字体加粗：<b>你想写的字</b>

Eg：<b>我要留言o(∩_∩)o</b>    →   我要留言o(∩_∩)o

· 字体下划线：<u>你想写的字</u>

Eg：<u>欢迎来到我的博客</u>    → 欢迎来到我的博客

· 更改字体颜色：<font color=#value>你想写的字</font>

Eg：<Font color=#333399>健健康康！！</font>      →    健健康康！！

· 超链接代码：<a href="链接地址">你想写的字</a>

Eg：<a href=http://kfc2165.blog.163.com/>Vennena's 博客</a>     →      Vennena's 博客

· 贴图代码：<Img src="图片地址">

－图片地址查找：在图片上按右键→属性→地址（Url）

－想自行调整图片大小，代码：<Img src="图片地址" width="宽" Height='"高">



<Img src="http://www.hey.ne.jp/7Echokomai/s

ozai/hito/aikon226.gif" width=85 height=115>

· 博客首页点图留言代码：

<A HREF=博客地址/profile/?target=note><img src=图片地址></A>

博客首页经常因为留言区的留言与贴图而撑开版面，为了整体的美观排版，就隐藏了留言区。

而在网易的设置里，隐藏了首页留言后，去留言区会比较麻烦。。So就在首页设置了个留言图片，点击该图

片后直接去留言区。

Eg：    点击『我要留言』后直接去留言区。

· 黑板风－公告栏、日志边框：

内容部分

<TABLEstyle="BORDER-RIGHT: #800000 thick ridge; BORDER-TOP: #800000 thick ridge; BORDER-LEFT: #800000 thick ridge; BORDER-BOTTOM: #800000 thick ridge" height=150 cellSpacing=0 width=320 bgColor=#006a00 border=0><TBODY><TR><TD vAlign=top align=middle><FONT color=#ffffff><STRONG>内容部分</STRONG> </FONT></table>

－－

height=150 width=320 －－宽、高可自行调整。更多：这里

· 在日志中置入鼠标代码：

选择日志右上角【全部功能】 → 按【<>】 → 在最顶端粘贴【鼠标代码】

鼠标代码：<BR><STYLE>body{cursor:url(鼠标网址)</STYLE>

Eg：此日志使用的鼠标代码：

1－选择鼠标网址：http://hk.geocities.com/maggie082016/m6B.ani

2－鼠标网址代人后的完整鼠标代码：

<BR><STYLE>body{cursor:url(http://hk.geocities.com/maggie082016/m6B.ani)</STYLE>

3－选择日志右上角【全部功能】 → 按【<>】 → 在页面最顶端粘贴【2－完整鼠标代码】

· 滚动条代码：滚动条内的那些英文『<DIV style=……』就是代码了。

－下面是几种不同颜色效果的滚动条，可自行调整大小，颜色。

－如果对颜色没什么要求可以直接复制以下滚动条到日志里，再据喜好排版，直接自行拉伸调整大小。然后在

滚动条上点2下（双击）后，直接在框框里输入文字，或者超链接。

－再来就是颜色，说真的，不是太清楚代码的就蒙吧！（汗！）代码中像#ffecec，#开头的就

是颜色代码，你就自行弄个颜色代码套进去看效果就行。

－来源：这里  查看原文更详细专业。

双击这里

在这里输入文字

或者输入超链接。

· 代码：

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left>双击，在这里输入文字，或者链接。</P></DIV>

<DIV style="BORDER-RIGHT:#333399 1pt dashed; BORDER-TOP: #333399 1pt dashed;
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW:
auto; BORDER-LEFT:#333399 1pt dashed; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:
COLOR:#333399 ; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:
#006c90; BORDER-BOTTOM::#333399 1pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left><FONT color=#0060c0 >文字</FONT></DIV>

<DIV style="BORDER-RIGHT: #00b490 thick dotted; BORDER-TOP: #00b490 thick dotted;
SCROLLBAR-FACE-COLOR: #fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; OVERFLOW: auto;
BORDER-LEFT: #00b490   thick dotted; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #00b490; SCROLLBAR-TRACK-COLOR: #fcfcfc; BORDER-BOTTOM:
#00b490 thick dotted; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; HEIGHT: 150px" align=left>
<FONT color=#000000>文字</FONT></DIV>

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 200px;
SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR:
#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid;

SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=left><FONT color=#009900>文字</FONT></DIV>

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;
SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid;
WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e;
SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000;
BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px" align=center>文字</DIV>

<DIV style="BORDER-RIGHT: #fc48b4 double; BORDER-TOP: #fc48b4 double; SCROLLBAR-FACE-COLOR: #fcd8fc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #fc48b4 double; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #d800b4; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #fc48b4 double; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left><FONT color=#000000>文字</FONT></DIV>

<DIV style="BORDER-RIGHT:#fcb4d8 ridge; BORDER-TOP:
#fcb4d8 ridge; SCROLLBAR-FACE-COLOR: #fcb4d8;
SCROLLBAR-HIGHLIGHT-COLOR: #fcb4d8; OVERFLOW: auto;
BORDER-LEFT: #fcb4d8 ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:
#fcb4d8; COLOR: #fcb4d8; SCROLLBAR-3DLIGHT-COLOR: #fcb4d8;
SCROLLBAR-ARROW-COLOR: #d82448; BORDER-BOTTOM: #fcb4d8 ridge;
SCROLLBAR-DARKSHADOW-COLOR: #fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR:
#fcb4d8" align=center><P align=left><FONT color=#8000ff>文字</FONT></P></DIV>

</DIV></DIV>

· 获取颜色代码的Flash工具：

用鼠标移动Flash上的圆点调整到要使用的颜色，

颜色代码就会出现在右上角。

Eg：FF0000

来源：Booker

Vennena 首页

评论这张

转发至微博

阅读(42)| 评论(8)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066086085086071093084084066072080087065086087080070082',
              blogTitle:'【引用】 『总汇』— 博客基础代码',
              blogAbstract:'  <P\> </P\>  <P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://kfc2165.blog.163.com/\" \>Vennena</A\> 的 <A target=\"_blank\" href=\"http://kfc2165.blog.163.com/blog/static/5742700420091971440671\" \>『总汇』— 博客基础代码</A\><BR\>  <P style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" align=\"center\" \>  <TABLE style=\"WIDTH: 704px;\"  border=\"3\" cellSpacing=\"0\" cellPadding=\"0\" width=\"704\" background=\"http://img.blog.163.com/photo/Fe3l-Gi_fTPB3OjzTep0Lg==/2296554334982697634.jpg\" \>  <TBODY\>  <TR\>  <TD\>  <P align=\"center\" \>  <TABLE border=\"0\" cellSpacing=\"0\" cellPadding=\"0\" width=\"450\" \>  <TBODY\>  <TR\>  <TD\><FONT style=\"FONT-SIZE: 9pt;\"  color=\"#000000\" size=\"2\" face=\"Comic Sans MS\"  \></FONT\></TD\></TR\></TABLE\></P\>  <P\></P\>  <P style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" align=\"center\" \></P\></TD\></TR\></TABLE\></P\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/6622165620124953219157',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1353661118259,
              publishTime:1336555939157,
              permalink:'blog/static/6622165620124953219157',
              commentCount:8,
              mainCommentCount:2,
              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:'丨网易博客的元老级人物丨\r\n一个集才华与肥肉于一身的女子。\r\n爱摄影、爱阅读、爱音乐、爱电影。\r\n还是那个STRANGE的女孩。',
              hmcon:'0',
              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/6622165620124953219157">${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 - 订阅此博客

White residence

导航

日志

【引用】『总汇』— 博客基础代码

历史上的今天

最近读者

热度

评论

页脚

White residence

导航

日志

【引用】 『总汇』— 博客基础代码

历史上的今天

最近读者

热度

评论

页脚

【引用】『总汇』— 博客基础代码