双木林枫

淘宝网女装秋装新款，淘宝商城品牌女装，淘宝网女装，时尚秋冬女装

日志

首字放大下沉、日志滚动条代码

2006-11-11 12:50:41| 分类：博客制作 | 标签： |字号大中小订阅

小强的首字放大下沉、左侧滚动条

v 首字符放大下沉

【演示】
首字符放
大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。

【HTML代码】
<DIV style="BORDER: 1px solid; WIDTH: 377px;">
<P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。
</P>
</DIV>

v 左侧滚动条
【演示】
　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。
　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。
　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。
【HTML代码】
<DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
<DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
  <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
  <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
</DIV>
</DIV>

代码：<div style="overflow:auto; width:67%; height:100px; line-height:15px; border-width:1px; border-color:#ffccff; border-style:dotted; scrollbar-base-color:#ff66ff; scrollbar-face-color:none; scrollbar-arrow-color:none; scrollbar-track-color:#ffefff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#f5d8f5; scrollbar-shadow-color:#e5c8e5"><br/><div> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/><br/><br/></div></div>

代码：<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

代码：<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: scroll; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV>

代码：<TABLE cellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<P>这是测试文字</P>

<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE>

评论这张

转发至微博

0人 | 分享到：

阅读(9517)| 评论(25)| 引用 (43) |举报

表格的嵌套格式和图片美化

[博客技巧]音画贴教程。

历史上的今天

this.p={  m:2,
              b:2,
              id:'fks_087065081082088066087086074075080087087066080082',
              blogTitle:'首字放大下沉、日志滚动条代码',
              blogAbstract:'<A href=\"http://www.blog.163.com/kevin2_0/blog/static/24937920068285913149\" target=_blank\><IMG height=24 src=\"http://www.blog.163.com/photo/f_U+WqGp8MFszh6q0E90Pw==/3130564690975922534.jpg\" width=108 border=0\></A\> ',
              blogTag:'网易博客代码,网易博客制作,博客代码,博客装饰,博客素材',
              blogUrl:'blog/static/841614420061011050417',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1274326673312,
              publishTime:1163220641007,
              permalink:'blog/static/841614420061011050417',
              commentCount:25,
              mainCommentCount:25,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'未设置',
              visitorCity:'未设置',
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              lofter_single:'<a hidefocus="true" target="_blank" href="http://www.lofter.com/touch"><img onload="var nimg = new Image(); nimg.src=\'http://blog.163.com/newpage/images/analyse.png?lofter_single&t=\'+new Date().getTime()" border="0" src="http://b2.bst.126.net/newpage/images/lofter_single4.jpg"/></a>'
            }

{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/841614420061011050417">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

公司简介 - 联系方法 - 招聘信息 - 客户服务 - 隐私政策 - 博客风格 - 手机博客 - VIP博客 - 订阅此博客

双木林枫

导航

日志

首字放大下沉、日志滚动条代码

历史上的今天

相关文章

最近读者

评论

页脚