将新模板softsea的首页MOD进行到底！（4月29日更新，文件包已删除）

继续我们对softsea首页的修改！
原先的头条区域显得单薄，其实也是给我们留下了更多的mod空间，不是吗？感谢版主lushnis的精心设计！（btw:不是拍马屁 ）
样板网站：
http://www.uini.org
效果图：

不过这里的修改可能不像前面几个那样简单，而是根据你的网站独身定做。
这里提供该区域的改动代码供各位看官参考。
继续给出原代码：

1.    <div id="news" class="tabblock" style="margin-left: 274px;">
   
2.     <h3 id="newstabs">
   
3.      <a id="newnewstab" href="javascript:setTab('news','newnews');" class="tab curtab">最新资讯</a>
   
4.      <a id="hotnewstab" href="javascript:setTab('news','hotnews');" class="tab">本周热点</a>
   
5.     </h3>
   
6.     <!--{block name="spacenews" parameter="order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
   
7.     <div id="newnews" class="tabcontent">
   
8.      <ul class="msgtitlelist" style="height: 144px;">
   
9.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
   
10.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
11.       <!--{/loop}-->
    
12.      </ul>
    
13.     </div>
    
14.     <!--站内热门资讯列表(一月)-->
    
15.     <!--{block name="spacenews" parameter="dateline/2592000/order/i.viewnum DESC/limit/0,6/cachetime/97200/subjectlen/40/subjectdot/1/cachename/hotnews2/tpl/data"}-->
    
16.     <div id="hotnews" class="tabcontent" style="display: none;">
    
17.      <ul class="msgtitlelist" style="height: 144px;">
    
18.       <!--{loop $_SBLOCK['hotnews2'] $value}-->
    
19.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
20.       <!--{/loop}-->
    
21.      </ul>
    
22.     </div>
    
23.    </div>

复制代码

我修改过的代码：

1.    <div id="news" class="tabblock" style="margin-left: 274px;">
   
2.     <h3 id="newstabs">
   
3.      <a id="newnewstab" href="javascript:setTab('news','newnews');" class="tab curtab">最新资讯</a>
   
4.      <a id="rennewstab" href="javascript:setTab('news','rennews');" class="tab">肾脏</a>
   
5.      <a id="livnewstab" href="javascript:setTab('news','livnews');" class="tab">肝脏</a>
   
6.      <a id="lunnewstab" href="javascript:setTab('news','lunnews');" class="tab">心肺</a>
   
7.      <a id="dinewstab" href="javascript:setTab('news','dinews');" class="tab">透析</a>
   
8.      <a id="hotnewstab" href="javascript:setTab('news','hotnews');" class="tab">本周热点</a>
   
9.      <a id="chnewstab" href="javascript:setTab('news','chnews');" class="tab">精彩专题</a>
   
10.     </h3>
    
11.     <!--最新资讯列表(一月)-->
    
12.     <!--{block name="spacenews" parameter="order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
    
13.     <div id="newnews" class="tabcontent">
    
14.      <ul class="msgtitlelist" style="height: 144px;">
    
15.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
    
16.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
17.       <!--{/loop}-->
    
18. <li style="float:right;padding-right:15px"><img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-158.html">名医</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-159.html">名院</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-6.html">药品</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-160.html">检查</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-169.html">黑榜</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-8.html">受者天地</a></li>
    
19.      </ul>
    
20.     </div>
    
21.                               <!--肾资讯列表-->
    
22.     <!--{block name="spacenews" parameter="catid/141,142,152,153/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
    
23.     <div id="rennews" class="tabcontent" style="display: none;">
    
24.      <ul class="msgtitlelist" style="height: 144px;">
    
25.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
    
26.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
27.       <!--{/loop}-->
    
28. <li style="float:right;padding-right:15px"><img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-141.html">肾病</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-153.html">肾病饮食</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-142.html">肾移植</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-152.html">肾移植术后饮食</a></li>
    
29.      </ul>
    
30.     </div>
    
31.                               <!--肝资讯列表-->
    
32.     <!--{block name="spacenews" parameter="catid/146,143,154/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
    
33.     <div id="livnews" class="tabcontent" style="display: none;">
    
34.      <ul class="msgtitlelist" style="height: 144px;">
    
35.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
    
36.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
37.       <!--{/loop}-->
    
38. <li style="float:right;padding-right:15px"><img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-146.html">肝病</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-154.html">肝病饮食</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-143.html">肝移植</a></li>
    
39.      </ul>
    
40.     </div>
    
41.     <!--{block name="spacenews" parameter="catid/144,145/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
    
42.                               <!--心肺资讯列表-->
    
43.     <div id="lunnews" class="tabcontent" style="display: none;">
    
44.      <ul class="msgtitlelist" style="height: 144px;">
    
45.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
    
46.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
47.       <!--{/loop}-->
    
48. <li style="float:right;padding-right:15px"><img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-145.html">心肺疾病</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-144.html">心肺移植</a></li>
    
49.      </ul>
    
50.     </div>
    
51.     <!--{block name="spacenews" parameter="catid/3,151/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
    
52.                               <!--透析列表-->
    
53.     <div id="dinews" class="tabcontent" style="display: none;">
    
54.      <ul class="msgtitlelist" style="height: 144px;">
    
55.       <!--{loop $_SBLOCK['hotnews1'] $value}-->
    
56.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
57.       <!--{/loop}-->
    
58. <li style="float:right;padding-right:15px"><img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-3.html">透析</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-151.html">透析饮食</a> <img src="{S_URL}/templates/$_SCONFIG[template]/images/icon_item.gif" style="margin-right:10px;"><a href="{S_URL}/?category-169.html">黑榜</a></li>
    
59.      </ul>
    
60.     </div>
    
61.     <!--站内热门资讯列表(一月)-->
    
62.     <!--{block name="spacenews" parameter="dateline/2592000/order/i.viewnum DESC/limit/0,6/cachetime/97200/subjectlen/40/subjectdot/1/cachename/hotnews2/tpl/data"}-->
    
63.     <div id="hotnews" class="tabcontent" style="display: none;">
    
64.      <ul class="msgtitlelist" style="height: 144px;">
    
65.       <!--{loop $_SBLOCK['hotnews2'] $value}-->
    
66.       <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
67.       <!--{/loop}-->
    
68.      </ul>
    
69.     </div>
    
70.                                    <!--资讯专题列表-->
    
71. <!--{block name="category" parameter="upid/$thecat[catid]/ischannel/1/showattach/1/order/c.displayorder/limit/0,6/cachetime/16400/cachename/channel/tpl/data"}-->
    
72. <div id="chnews" class="tabcontent" style="display: none;">
    
73.      <ul class="msgtitlelist" style="height: 144px;">
    
74.       <!--{loop $_SBLOCK['channel'] $value}-->
    
75.       <li><a href="#action/category/catid/$value[catid]#">[专题] $value[name]</a></li>
    
76.       <!--{/loop}-->
    
77.      </ul>
    
78.     </div>
    
79.    </div>

复制代码

如果您也想尝试一下，有以下提醒：
1、注意<div>的个数；
2、注意tab块和数据调用区的id名称必须一致：
比如：     <a id="newnewstab" href="javascript:setTab('news','newnews');" class="tab curtab">最新资讯</a>
接下来的后面数据调用区ID：    <div id="newnews" class="tabcontent">
3、catid/144,145 表示调用的资讯分类。

[ 本帖最后由 jsaren 于 2007-4-17 16:26 编辑 ]

登陆口登录以后不能退出这是什么原因啊？
还有就是首页登录以后不能跟论坛同步，在经过首页进入论坛后头衔还是游客，谁知道是什么问题啊？

论坛里面有没有进行过扩展设置？
我也出现过这个问题。
论坛扩展设置中是否公用数据库，默认为什么都没有选。你选择后更新下bbs\ss两个缓存试试看。

还是不行啊

收藏，有时间学习一下

首页滑动门效果
原创CYNB ：简单修改softsea风格 为移门效果
我做了一些修正。

首先增加一个js文件，写入head区：

1. <script src="{S_URL}/include/js/common(1).js" type="text/javascript" language="javascript"></script>

复制代码

将以下代码复制进记事本，保存为common(1).js，然后上传到网站的include/js/目录中。

内容如下：

1. function HW_setTab(area,id) {
   
2. var tabArea = document.getElementById(area);
   
3. var contents = tabArea.childNodes;
   
4. for (i=0; i<contents.length; i++) {
   
5.   if (contents.className=='tabContent') { contents.style.display = 'none';}
   
6. }
   
7. document.getElementById(id).style.display = '';
   
8. var tabs = document.getElementById(area+'Tabs').getElementsByTagName('a');
   
9. for (i=0; i<tabs.length; i++) { tabs.className = ''; }
   
10. document.getElementById('tab'+id).className = 'thisTab';
    
11. }

复制代码

然后，查找以下内容，并进行替换：

1. <a id="newnewstab" href="javascript:setTab('news','newnews');" class="tab curtab">最新资讯</a>
   
2.      <a id="hotnewstab" href="javascript:setTab('news','hotnews');" class="tab">本周热点</a>

复制代码

替换成：

1. <a id="newnewstab" onmouseover="setTab('news','newnews')" href="" class="tab curtab">最新资讯</a>
   
2. <a id="hotnewstab" onmouseover="setTab('news','hotnews')" href="" class="tab">本周热点</a>

复制代码

以下源代码省略，均为修改的代码。

1. <a id="newimagetab"  onmouseover="setTab('image','newimage')"  class="tab curtab">最新图片</a>
   
2.           <a id="hotimagetab"  onmouseover="setTab('image','hotimage')"  class="tab">热门图片</a>

复制代码

1. <a id="newfiletab"  onmouseover="setTab('file','newfile')"  class="tab curtab">最新文件</a>
   
2.         <a id="hotfiletab" onmouseover="setTab('file','hotfile')"  class="tab">热门下载</a>

复制代码

1. <a id="newvideotab" onmouseover="setTab('videoblock','newvideo')"  class="tab curtab">最新影音</a>
   
2. <a id="hotviewvideotab" onmouseover="setTab('videoblock','hotviewvideo')"  class="tab">热门影音</a>

复制代码

1. <a id="newgoodstab"  onmouseover="setTab('goods','newgoods')"  class="tab curtab">最新商品</a>
   
2. <a id="hotgoodstab"  onmouseover="setTab('goods','hotgoods')"  class="tab">热门商品</a>

复制代码

1. <a id="newlinktab" onmouseover="setTab('link','newlink')" class="tab curtab">最新书签</a>
   
2. <a id="hotlinktab" onmouseover="setTab('link','hotlink')"  class="tab">热门书签</a>

复制代码

[ 本帖最后由 jsaren 于 2007-4-19 08:09 编辑 ]

自己顶一下，欢迎大家一起来修改！

强啊！学习中！！！！

举手了~

支持个.还不错.