XUE HAI BLOG

适用版式为一大一小栏的小栏效果图的代码<TABLE borderColor=#990033 cellSpacing=1 cellPadding=2 width=248 align=center bgColor=#b0b0b2 border=1>
<TBODY>
<TR>
<TD align=middle width=50 bgColor=#990033 height=86>在线读报</TD>
<TD width=530 bgColor=#fbf3e6>
<DIV style="SCROLLBAR-FACE-COLOR: #00eeff; OVERFLOW: auto; WIDTH: 248px; HEIGHT: 98px">
<TABLE title=欢迎分享模块代码 style="BORDER-RIGHT: #ff0099 1px solid; BORDER-TOP: #ffee00 1px solid; BORDER-LEFT: #ffee00 1px solid; WIDTH: 1200px; CURSOR: url('http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D9649a/image.gif'); BORDER-BOTTOM: #ff0099 1px solid; HEIGHT: 43px" cellSpacing=1 borderColorDark=#ff0099 cellPadding=0 align=center borderColorLight=#ffee00 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0155.gif border=1>
<TBODY>
<TR>
<TD width=20><A href="http://www.peopledaily.com.cn/" target=_blank>人民日报</A></TD>
<TD width=20><A href="http://www.jfdaily.com.cn/" target=_blank>解放日报</A></TD>
<TD width=20><A href="http://www.gmw.cn/01gmrb/2009-01/23/default.htm" target=_blank>光明日报</A></TD>
<TD width=20><A href="http://www.legaldaily.com.cn/" target=_blank>法制日报</A> </TD>
<TD width=20><A href="http://newspaper.jcrb.com/html/2008-12/25/node_2.htm" target=_blank>检察日报</A></TD>
<TD width=20><A href="http://www.dzdaily.com.cn/" target=_blank>大众日报</A></TD>
<TD width=20><A href="http://whb.news365.com.cn/" target=_blank>文 汇 报 </A></TD>
<TD width=20><A href="http://www.bjd.com.cn/" target=_blank>北京日报</A></TD>
<TD width=20><A href="http://jlrbszb.chinajilin.com.cn/html/2009-02/07/node_117.htm" target=_blank>吉林日报</A></TD>
<TD width=20><A href="http://www.xinnews.com/" target=_blank>新 晚 报 </A></TD>
<TD width=20><A href="http://www.qlwb.com.cn/" target=_blank>齐鲁晚报</A></TD>
<TD width=20><A href="http://www.beijingtimes.com.cn/" target=_blank>京华时报</A></TD>
<TD width=20><A href="http://www.nanfangdaily.com.cn/" target=_blank>南方日报</A></TD>
<TD width=20><A href="http://www.nnwb.com/" target=_blank>南宁晚报</A></TD>
<TD width=20><A href="http://www.xmwb.com.cn/" target=_blank>新民晚报</A></TD>
<TD width=20><A href="http://www.ycwb.com.cn/" target=_blank>羊城晚报</A></TD>
<TD width=20><A href="http://www.cdwb.com.cn/" target=_blank>成都晚报</A></TD>
<TD width=20><A href="http://gzdaily.dayoo.com/" target=_blank>广州日报</A></TD>
<TD width=20><A href="http://hnrb.hinews.cn/html/2009-01/23/node_2.htm" target=_blank>海南日报</A> </TD>
<TD width=20><A href="http://www.15525.com/work/f2009_01_20/124976.htm" target=_blank>武汉晨报</A></TD>
<TD width=20><A href="http://www.yangtse.com/" target=_blank>扬子晚报</A></TD>
<TD width=20><A href="http://www.tjrb.com.cn/" target=_blank>天津日报</A></TD>
<TD width=20><A href="http://www.gansudaily.com.cn/" target=_blank>甘肃日报</A></TD>
<TD width=20><A href="http://www.sxrb.com/" target=_blank>山西日报</A></TD>
<TD width=20><A href="http://www.hbdaily.com.cn/" target=_blank>湖北日报</A></TD>
<TD width=20><A href="http://www.zzwb.com.cn/" target=_blank>郑州晚报</A></TD>
<TD width=20><A href="http://www.yzwb.com.cn/" target=_blank>燕赵晚报</A></TD>
<TD width=20><A href="http://www.cjdaily.com.cn/" target=_blank>长江日报</A></TD>
<TD width=20><A href="http://www.zjdaily.com.cn/" target=_blank>浙江日报</A></TD>
<TD width=20><A href="http://www.lndaily.com.cn/" target=_blank>辽宁日报</A></TD>
<TD width=20><A href="http://www.daliandaily.com.cn/" target=_blank>大连日报</A></TD>
<TD width=20><A href="http://www.wxrb.com/" target=_blank>无锡日报</A></TD>
<TD width=20><A href="http://www.yndaily.com.cn/" target=_blank>云南日报</A></TD>
<TD width=20><A href="http://www.hnby.com.cn/" target=_blank>河南日报</A></TD>
<TD width=20><A href="http://www.syd.com.cn/" target=_blank>沈阳日报</A> </TD>
<TD width=20><A href="http://www.lyd.com.cn/" target=_blank>洛阳日报</A></TD>
<TD width=20><A href="http://www.qingdaonews.com/" target=_blank>青岛日报</A></TD>
<TD width=20><A href="http://www.ycen.com.cn/" target=_blank>银川晚报</A></TD>
<TD width=20><A href="http://www.hf365.com/html/" target=_blank>合肥晚报</A></TD>
<TD width=20><A href="http://www.cqcb.com/" target=_blank>重庆晨报</A></TD>
<TD width=20><A href="http://www.ibdaily.com.cn/" target=_blank>国际商报</A></TD>
<TD width=20><A href="http://www.huash.com/" target=_blank>华商晨报</A></TD>
<TD width=20><A href="http://www.stdaily.com/" target=_blank>科技日报</A></TD>
<TD width=20><A href="http://www.cnhan.com/gb/special/node_928.htm" target=_blank>武汉晚报</A></TD>
<TD width=20><A href="http://www.chinasecurities.com.cn/" target=_blank>中国证券</A></TD>
<TD width=20><A href="http://www.cnhubei.com/chtdsb/" target=_blank>楚天都市报</A></TD>
<TD width=20><A href="http://www.stocknews.com.cn/" target=_blank>上海证券</A></TD>
<TD width=20><A href="http://press.idoican.com.cn/detail/newspapers/190/" target=_blank>荆门日报</A></TD>
<TD width=20><A href="http://www.cyd.com.cn/" target=_blank>中国青年报</A></TD>
<TD width=20><A href="http://www.why.com.cn/" target=_blank>上海青年报</A></TD>
<TD width=20><A href="http://www.zhglnb.com.cn/index.asp" target=_blank>中国老年报</A></TD>
<TD width=20><A href="http://www.hljnews.cn/lnrb/" target=_blank>龙江老年报</A></TD>
<TD width=20><A href="http://www.cb.com.cn/" target=_blank>中国经营报</A></TD>
<TD width=20><A href="http://www.wenweipo.com/" target=_blank>香港文汇报</A></TD>
<TD width=20><A href="http://www.takungpao.com/" target=_blank>香港大公报</A></TD>
<TD width=20><A href="http://www.hljdaily.com.cn/" target=_blank>黑龙江日报</A></TD>
<TD width=20><A href="http://wccdaily.scol.com.cn/" target=_blank>华西都市报</A></TD>
<TD width=20><A href="http://www.ynet.com/" target=_blank>北京青年报</A></TD>
<TD width=20><A href="http://www.eastday.com/" target=_blank>上海东方网</A></TD>
<TD width=20><A href="http://www.plapic.com.cn/" target=_blank>解放军画报</A></TD>
<TD width=20 background=http://img.photo.163.com/uBt4_DnAx2NYmPOO0uGOLw==/866661453292854986.gif><A href="http://lv.jingxiang.blog.163.com/blog/static/590330342010126103553522/edit/" target=_blank>模块代码分享</A></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

说明：通过改变红色代码 width=480 和 WIDTH: 480px 数值可适用不同的版式，改变如下：
（1）版式为一大一小栏的大栏数值为 width=580 和 WIDTH: 580px；
（2）版式为中间大两边小栏的大栏数值为 width=410 和 WIDTH: 410px；
（3）版式为中间大两边小栏的小栏数值为 width=180 和 WIDTH: 180px；
（4）版式为两栏大小相等栏的数值为 width=380 和 WIDTH: 380px。

在线读报模块系列示样及代码

三列表

三行列表

横拉列表

学海博客 学海博客

评论这张

转发至微博

1人 | 分享到：

阅读(725)| 评论(2)| 引用 (18) |举报

☆网缘FLASH动画

☆博客系列日志上下翻页的设置制作〔上篇〕

历史上的今天

this.p={ m:2,
 b:2,
 id:'fks_080067080094081075085080094095081095081064087086085071',
 blogTitle:'☆在線讀報代碼〔横拉条列表〕',
 blogAbstract:'<SPAN\> <TABLE title=\"尊重劳动/保持链接/大家分享！\" border=\"0\" cellSpacing=\"35\" borderColor=\"#000000\" borderColorDark=\"#000000\" cellPadding=\"0\" width=\"706\" background=\"http://img.bimg.126.net/photo/ZfDAuYLHBwDtWoa3Y_5hUg==/3678596470632185429.jpg\" align=\"center\" \> <TBODY\> <TR\> <TD\> <TABLE border=\"1\" cellSpacing=\"15\" borderColorLight=\"#ff0000\" borderColorDark=\"#ffeeff\" cellPadding=\"0\" width=\"630\" background=\"http://img.bimg.126.net/photo/7MJJOABfNhmAFrfBKsNxuQ==/4524710250624431187.jpg\" align=\"center\" \> <TBODY\> <TR\> <TD\> <TABLE border=\"1\" cellSpacing=\"0\" borderColorLight=\"#ffeeff\" borderColorDark=\"#000000\" cellPadding=\"0\" width=\"600\" bgColor=\"#000000\" align=\"center\" \> <TBODY\> <TR align=\"middle\" \> <TD height=\"45\" colSpan=\"2\" \> </TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></SPAN\>',
 blogTag:'',
 blogUrl:'blog/static/590330342010126103553522',
 isPublished:1,
 istop:false,
 type:0,
 modifyTime:1321096443820,
 publishTime:1267331294885,
 permalink:'blog/static/590330342010126103553522',
 commentCount:2,
 mainCommentCount:2,
 recommendCount:1,
 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"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </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}

<#--最新日志，群博日志--> <#--推荐日志-->

推荐过这篇日志的人：
 <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}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/590330342010126103553522">${y.recommendBlogTitle|escape}</a></li>
 {/if}
 {/list}
 </ul>
 {/if}

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

页脚

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

XUE HAI BLOG

导航

日志

☆在線讀報代碼〔横拉条列表〕

历史上的今天

相关文章

最近读者

评论

页脚