让163模板更适合自己【资讯宽屏 首页加栏目 网易博客页面】

修改一：把资讯页变成宽屏。 可能大家都跟我一样，喜欢宽屏的网页吧，首页咱们改不了，但是咱们可以根据网易的资讯宽屏页面把咱们自己的也改成宽屏的。 鸟版主提供的模板中是提供资讯的宽屏的，但是用上之后，表格还有外面的线都不标准。 所以只有自己改了。 参照网页：http://news.163.com/07/0608/05/3GEL72QE000120GU.html 网易现在的页面和咱们目前用的宽度不一样，所有我把图片进行修改。 当前页面正文的宽度是620像素。 修改方法： 1.下载压缩包，有钱的请选择第二个，捐给偶点钱吧，谢谢啦。 2.解压到na16的目录下面，请放心，不会替换原来的文件的。o(∩_∩)o...哈哈 3.打开news_view.html.php文件 找到 <link href="{S_URL}/templates/$_SCONFIG[template]/css/end.css" rel="stylesheet" type="text/css" /> 复制代码 改成 <link href="{S_URL}/templates/$_SCONFIG[template]/css/endd.css" rel="stylesheet" type="text/css" /> 复制代码 4.没有继续了^_^ 改后的效果 这是下头的： 注意： #endMain{margin:0 auto; width:620px; clear:both; border-top:1px solid #E8E8E8; border-bottom:1px solid #ccc;background:#F9FCFE;} 红色标记的是正文的宽度，可以适当修改。 ============================== 其实看了上面的东西以后，基本上就不用教程了。 1.首先 打开任何一个网易的新闻页面，找到他的CSS样式表，并且下载。 2.打开提供的163模板，里面的en2d.css文件，根据下载的网易模板进行修改。 最重要的是上面的注意那点。 3.刷新预览后，会发现正文左边的边框和右边的边框不协调，这是因为网易的新闻页面，资讯正文页面和目前CSS的资讯正文宽度不一样。所有，我们需要修改表格文件。 4.这俩文件是：end_line.gif和end_bg1.gif自己修改一下就 OK。

	修改二：首页添加新的栏目 我想如果跟我一样，做地方门户的话，首页光显示新闻是远远不够的。 所有，我根据163，的这里：   为我的站点增加了更多的资讯新闻，效果如图：   呵呵，这里告诉大家怎么加内容，具体加什么大家自己决定吧。 分析模板，是用一下路子的： <div class="area"> <!-- left --> <div class="col1"> <div class="leftContent leftHeight2"> <div class="menuC" id="tabten"> <ul> <li class="active"><a rel="tenarea" urn="#default_ent"  href="#action/blog#">娱乐</a></li> <li class="normal"><a rel="tenarea" urn="shenghuo"  href="#action/blog#">生活</a></li> <li class="normal"><a rel="tenarea" urn="jiangshu"  href="#action/blog#">讲述</a></li> </ul> </div> <!-- 娱乐 --> <div class="content" id="tenarea"> <DIV class="col w1"> <DIV class="pic"> <!--{block name="spacenews" parameter="catid/3,91,93,92,94/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK[headnews] $value}-->   <a href="$value[url]"><img src="$value[a_thumbpath]" alt="$value[subjectall]"  width="160" height="120" border="0"/></a>   <h6><a href="$value[url]">$value[subject]</a></h6>   <!--{/loop}--> </div> <div class="listText"> <a href="#"><strong>最新评论</strong></a>·<a href="{B_URL}">论坛</a> <!--{block name="spacenews" parameter="catid/3,91,93,92,94/order/i.lastpost DESC/limit/0,4/cachetime/14400/subjectlen/22/subjectdot/0/cachename/spacialnews/tpl/data"}--> <!--{loop $_SBLOCK[spacialnews] $value}--> <br /><a href="$value[url]">$value[subject]</a> <!--{/loop}--> </div> </div> <div class="col w2"> <!--{block name="spacenews" parameter="grade/5/catid/3,91,93,92,94/haveattach/0/showattach/0/showdetail/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/messagelen/60/messagedot/1/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <h4><a href="$value[url]">$value[subject]</a></h4> <p>$value[message]<div style="float:right">【<a href="$value[url]">详细</a>】</div></p> <!--{/loop}--> <div class="list"> <ul> <!--{block name="spacenews" parameter="catid/3,91,93,92,94/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/38/subjectdot/0/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <li><a href="$value[url]">$value[subject]</a></li> <!--{/loop}--> </ul> </div> <div class="more"> <span><a href="#action/news#">更多娱乐资讯>></A></SPAN></div> </div> </div> <!-- 生活 --> <div id="shenghuo" class="content" style="display:none"> <DIV class="col w1"> <DIV class="pic"> <!--{block name="spacenews" parameter="catid/2,88,89/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK[headnews] $value}-->   <a href="$value[url]"><img src="$value[a_thumbpath]" alt="$value[subjectall]"  width="160" height="120" border="0"/></a>   <h6><a href="$value[url]">$value[subject]</a></h6>   <!--{/loop}--> </div> <div class="listText"> <a href="#"><strong>最新评论</strong></a>·<a href="{B_URL}">论坛</a> <!--{block name="spacenews" parameter="catid/2,88,89/order/i.lastpost DESC/limit/0,4/cachetime/14400/subjectlen/22/subjectdot/0/cachename/spacialnews/tpl/data"}--> <!--{loop $_SBLOCK[spacialnews] $value}--> <br /><a href="$value[url]">$value[subject]</a> <!--{/loop}--> </div> </div> <div class="col w2"> <!--{block name="spacenews" parameter="grade/5/catid/2,88,89/haveattach/0/showattach/0/showdetail/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/messagelen/60/messagedot/1/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <h4><a href="$value[url]">$value[subject]</a></h4> <p>$value[message]<div style="float:right">【<a href="$value[url]">详细</a>】</div></p> <!--{/loop}--> <div class="list"> <ul> <!--{block name="spacenews" parameter="catid/2,88,89/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/38/subjectdot/0/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <li><a href="$value[url]">$value[subject]</a></li> <!--{/loop}--> </ul> </div> <div class="more"> <span><a href="#action/news#">更多生活资讯>></A></SPAN></div> </div> </div> <!-- 讲述 --> <div class="content" id="jiangshu" style="display:none"> <DIV class="col w1"> <DIV class="pic"> <!--{block name="spacenews" parameter="catid/9,96,95,97/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK[headnews] $value}-->   <a href="$value[url]"><img src="$value[a_thumbpath]" alt="$value[subjectall]"  width="160" height="120" border="0"/></a>   <h6><a href="$value[url]">$value[subject]</a></h6>   <!--{/loop}--> </div> <div class="listText"> <a href="#"><strong>最新评论</strong></a>·<a href="{B_URL}">论坛</a> <!--{block name="spacenews" parameter="catid/9,96,95,97/order/i.lastpost DESC/limit/0,4/cachetime/14400/subjectlen/22/subjectdot/0/cachename/spacialnews/tpl/data"}--> <!--{loop $_SBLOCK[spacialnews] $value}--> <br /><a href="$value[url]">$value[subject]</a> <!--{/loop}--> </div> </div> <div class="col w2"> <!--{block name="spacenews" parameter="grade/5/catid/9,96,95,97/haveattach/0/showattach/0/showdetail/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/messagelen/60/messagedot/1/cachetime/18600/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <h4><a href="$value[url]">$value[subject]</a></h4> <p>$value[message]<div style="float:right">【<a href="$value[url]">详细</a>】</div></p> <!--{/loop}--> <div class="list"> <ul> <!--{block name="spacenews" parameter="catid/9,96,95,97/order/i.dateline DESC/limit/0,7/cachetime/85400/subjectlen/38/subjectdot/0/cachename/headnews/tpl/data"}--> <!--{loop $_SBLOCK['headnews'] $value}--> <li><a href="$value[url]">$value[subject]</a></li> <!--{/loop}--> </ul> </div> <div class="more"> <span><a href="#action/news#">更多讲述阅读>></A></SPAN></div> </div> </div> </div> 复制代码 不要被这么多代码吓到，我们去掉其中调用的内容。 <div class="area"> <!-- left --> <div class="col1"> <div class="leftContent leftHeight2"> <div class="menuC" id="tabten"> <ul> <li class="active"><a rel="tenarea" urn="#default_ent"  href="#action/blog#">娱乐</a></li> <li class="normal"><a rel="tenarea" urn="shenghuo"  href="#action/blog#">生活</a></li> <li class="normal"><a rel="tenarea" urn="jiangshu"  href="#action/blog#">讲述</a></li> </ul> </div> <!-- 娱乐 --> <div class="content" id="tenarea"> </div> <!-- 生活 --> <div id="shenghuo" class="content" style="display:none"> </div> <!-- 讲述 --> <div class="content" id="jiangshu" style="display:none"> </div> 复制代码 这样是不是就简单多了？ 参照这个格式，你需要改的地方只红色的部分，当然，还有自己的链接。 完了以后不要着急，你还要增加一点东西，不让选项卡不管用的。 打开call_xxslide.js文件 在 ("maintab","tabzero","adMenu","tabone","tabtwo","mostnews","tabfour");   里面增加你刚才写的ID标签，注意不要根原有的重复，你可以ten开头，注意正确格式。 找到 ajccache["bbstop"] = getElement("bbstop").innerHTML;   在下面加入 ajccache["第二个选项卡的urn"] = getElement("第二个选项卡的urn").innerHTML; 复制代码 ajccache["第三个选项卡的urn"] = getElement("第三个选项卡的urn").innerHTML; 复制代码 至此，左边的就设置完毕了，需要注意的是你要调用的数据。 比如，我的娱乐调用的是： <!--{block name="spacenews" parameter="catid/3,91,93,92,94/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,1/subjectlen/26/subjectdot/0/cachetime/18600/cachename/headnews/tpl/data"}--> 复制代码 频道3.91.93.92.94里面的资讯，你这里一定要正确套用，不知道频道ID的，自己论坛上面找帮助。 最后送上左边的内容： <DIV class="clear"> </DIV> </DIV> <DIV class="col2"> <!-- 自定义内容 --> <DIV class="rightTitle rightLine"> <H5><A href="不告诉你">自己写</A></H5> <SPAN><A href="1111">11</A></SPAN> </DIV> <DIV class="rightContent rightLine1"> <DIV class="listAD listW1"> <UL> <!--{block name="spacenews" parameter="catid/6/order/i.dateline DESC/limit/0,10/cachetime/7200/subjectlen/16/subjectdot/1/cachename/fenlei/tpl/data"}--><!--分类调用--> <!--{loop $_SBLOCK['fenlei'] $value}--> <li><a href="$value[url]">$value[subject]</a></li> <!--{/loop}--> </UL> </DIV> <DIV class="listAD listW1"> <UL> <!--{block name="spacenews" parameter="catid/6/order/i.dateline DESC/limit/11,10/cachetime/7200/subjectlen/16/subjectdot/1/cachename/fenlei/tpl/data"}--><!--分类调用--> <!--{loop $_SBLOCK['fenlei'] $value}--> <li><a href="$value[url]">$value[subject]</a></li> <!--{/loop}--> </UL> </DIV> <DIV class="listAD listW2"> <DL> <DD> 此处是个循环  </DD> </DL></DIV> <DIV class="clear"></DIV> </DIV> <DIV class="blankW9"> </DIV> <!-- 广告二145*50*2--> <DIV class="ad145" style="BACKGROUND: #fff"> <UL> <LI class="s1"> 145*50的广告 </LI> <LI class="s2"> 145*50的广告 </LI> </UL> </DIV> </DIV> <DIV class="clear"> </DIV> </DIV> <DIV class="lineH1"></DIV> <DIV class="blank9"></DIV> 复制代码 最最后，送上完整代码，看不明白的，自己下了研究，还是老规矩，有钱的下第二个。o(∩_∩)o...哈哈

很高兴的，今天为大家放出网易的博客风格。 模仿地址：http://blog.163.com 预览请看这里： 简单将一下模仿的办法： 1.下载CSS样式和然后从CSS里面的链接下载图片。 2.给博客页面脱衣服。 脱了以后的样子： <?exit?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body>   <div id="topCanvus"><center><div id="topCanvus_top"></div></center></div> <div id="top">头部 </div> <div id=homePage>         <CENTER>         <div class="loginPage" id="loginPage">左边的部分 </DIV>                 <DIV id="loginPageR">右边的部分</DIV>        </CENTER> <DIV id="bottom">底部</DIV> </body> </html> 复制代码 这就脱干净了，然后就照着这个格式，往里面一点一点嗮内容。 比如嗮：                        <!--广告左侧开始-->                            <DIV id="loginPageAdL">                                         　      <DIV id="jjBack">       <DIV id="jjactive">        <A class="cr" href="#action/register#" target="_blank">立即注册>></A>       </DIV>      </DIV>      <DIV id="jjintro">       <A class="tp1" href="{S_URL}/templates/$_SCONFIG[template]/blog/help/intro_02.html" target="_blank"></A>       <A class="tp2" href="{S_URL}/templates/$_SCONFIG[template]/blog/help/intro_03.html" target="_blank"></A>       <A class="tp3" href="{S_URL}/templates/$_SCONFIG[template]/blog/help/intro_04.html" target="_blank"></A>       <A class="tp4" href="{S_URL}/templates/$_SCONFIG[template]/blog/help/intro_05.html" target="_blank"></A>       <A class="tp5" href="{S_URL}/templates/$_SCONFIG[template]/blog/help/intro_07.html" target="_blank"></A>       <DIV class="sepDiv">       </DIV>      </DIV>      <DIV id="hotnews">       最新公告：                                                     <!--{block name="announcement" parameter="order/displayorder/limit/0,2/cachetime/86400/subjectlen/30/cachename/announce/tpl/data"}-->                                 <!--{if empty($_SBLOCK['announce'])}-->                                         暂时没有公告                                 <!--{else}-->                                 <!--{loop $_SBLOCK['announce'] $value}-->                                         <a href="$value[url]">$value[subject]</a>                                 <!--{/loop}--> <!--{/if}-->       <BR /> 最新调查：                                                     <!--{block name="poll" parameter="order/dateline DESC/limit/0,2/cachetime/80000/subjectlen/30/cachename/poll/tpl/data"}-->                                 <!--{if empty($_SBLOCK['poll'])}-->                                         暂时没有调查                                 <!--{else}-->                                         <!--{loop $_SBLOCK['poll'] $value}-->                                                 <a href="$value[url]">$value[subject]</a>                                         <!--{/loop}-->                                 <!--{/if}-->             </DIV>      <!--广告左侧结束--> 复制代码 这段就是博客页面顶部左侧的内容，自己一点一点放内容，用不了多久，网易模板就出来了。   以后如果有时间的话，给大家写个详细的教程。这个月太忙了