softsea首页头条下方区域增加分类数据

SupeSite/X-Space官方站q1@L*cK?a
SupeSite/X-Space官方站X!l^R}
首先要了解div、css的基本概念。
(N3@/r%OZ#F'Iy0这里不说概念，只说下这个区域的结构。SupeSite/X-Space官方站J/^0L.n^j@#F
SupeSite/X-Space官方站Sn4Z/gh[ ^Q
下面是这个区域的源代码：

QUOTE:SupeSite/X-Space官方站0I"m
A*]/HNhYW"B

I&p:aj{1C
xK;p0<div id="news" class="tabblock" style="margin-left: 274px;">SupeSite/X-Space官方站? R[:gpF!J0v#u
    <h3 id="newstabs">SupeSite/X-Space官方站D{;cP(y9O8z
     <a id="newnewstab" href="javascript.:setTab('news','newnews');" class="tab curtab">最新资讯</a>SupeSite/X-Space官方站)jlF!cuN)d|
     <a id="hotnewstab" href="javascript.:setTab('news','hotnews');" class="tab">本周热点</a>SupeSite/X-Space官方站Cl8B9h9Xf,T5w?5k
    </h3>SupeSite/X-Space官方站Q:?'J"G-sAU
    <!--站内最新资讯-->
Z e%A"d|0    <!--{block name="spacenews" parameter="order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->SupeSite/X-Space官方站7vK$h'V0{/Q-{`
    <div id="newnews" class="tabcontent">SupeSite/X-Space官方站;c rsnHH
     <ul class="msgtitlelist" style="height: 144px;">
b O9b-jL'k.K0B d3f0      <!--{loop $_SBLOCK['hotnews1'] $value}-->SupeSite/X-Space官方站&^&\ k0Dzb&N H`O
      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
Lb2?*avI]H8^0      <!--{/loop}-->SupeSite/X-Space官方站6f"SIT5n9JZ{8GZx7l
     </ul>SupeSite/X-Space官方站"e/xqp0B'M)qz3H4r
    </div>
#P#o5t)]A3h0    <!--站内热门资讯列表(一月)-->SupeSite/X-Space官方站0d-qI#l/rg
    <!--{block name="spacenews" parameter="dateline/2592000/order/i.viewnum DESC/limit/0,6/cachetime/97200/subjectlen/40/subjectdot/1/cachename/hotnews2/tpl/data"}-->SupeSite/X-Space官方站G/ovcSZ4_:?Z
    <div id="hotnews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站 {)d:a*D+[vQ%h
     <ul class="msgtitlelist" style="height: 144px;">
;M7c/N.T2okm0      <!--{loop $_SBLOCK['hotnews2'] $value}-->
![X|9LtK0      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>SupeSite/X-Space官方站wz*f6w1@J"x
      <!--{/loop}-->SupeSite/X-Space官方站+^3Vsg }LB.~.}2n
     </ul>
#E'x He3Z^"] y8[q0    </div>SupeSite/X-Space官方站%C)c/g{8}!DT
   </div>

BTW：页面上的“本周热点”其实是个错误。604800才是一周的概念，这里应当是本月热点。
3DO0O \"{-u2l O-V0
{1K\$d9V0大家注意看，其实就是这个，我去掉了div里面的东西，为了就是让大家看结构。

QUOTE:SupeSite/X-Space官方站(w9H~'Thx4I3a$Z3z

SupeSite/X-Space官方站u4m
j/}-H
<div id="news" class="tabblock" style="margin-left: 274px;">
;Cdv \Va0    <h3 id="newstabs">  </h3>   -----这里的里面是该区域类别的标题显示
0y4qB[(qXH;D4z8d0    <!--最新资讯列表(一月)-->  --------------SupeSite/X-Space官方站%\9p)vk#N2m
f
    <div id="newnews" class="tabcontent">
?I;gn,on/m1ws0
#g&Z|,D`!coX0    </div>SupeSite/X-Space官方站.b'w%v!G;r
    <!--站内热门资讯列表(一月)-->SupeSite/X-Space官方站Afh-Qa.w
    <div id="hotnews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站:G?1O;w1H_H
SupeSite/X-Space官方站E:^,R"I Gn
    </div>SupeSite/X-Space官方站6f5{XHoxR
   </div>

知道这个以后，我们就差不多可以克隆了。
#L N]4e2qN P0@上面的蓝色的前后div不要动它，因为它就是“国界线”，要搞建设，不要跑到国境线外面搞。
i,p"\'p(Cr0
p#vJnn GF}0下面举例说明如何增加某类别的最新资讯标题列表
(txA%jZ'|0假如在资讯里面有个分类叫“花花世界”，这个花花世界的分类号是6。

QUOTE:

Sw[Cp0

SupeSite/X-Space官方站Hh4jvMm
tips:
'Y^Y9^T/`0如何查阅分类号？
M&] s b/l/r
^%S0在资讯页面（http://你的玉米/html/news.html或者http://你的玉米/index.php/action-news）鼠标悬停在分类的标题上，可以看到浏览器的状态栏，里面会显示出…………/index.php/action-category-catid-1 ，这里的1就是分类号。

首先，给上面的导航栏加上需要增加的类别标题，注意里面的粗体内容

QUOTE:SupeSite/X-Space官方站n.mg:g8H-]

  <h3 id="newstabs">
g(|)TW6z}.Plb0     <a id="newnewstab" href="javascript.:setTab('news','newnews');" class="tab curtab">最新资讯</a>
S(d!no#edl)u0     <a id="hotnewstab" href="javascript.:setTab('news','hotnews');" class="tab">本周热点</a>
w-C#Nl/F#QHv0     <a id="flowernewstab" href="javascript.:setTab('news','flowernews');" class="tab">花花世界</a>SupeSite/X-Space官方站q"N"T&p~}:He
    </h3>

flowernews为花花世界的门牌号码。提示鼠标点击后的指向。
wVl ['x$LIU0SupeSite/X-Space官方站`/g$sk!x
然后，在下面增加此分类的调用。
O(MpY)IH0上面的这个区域：

CODE:SupeSite/X-Space官方站g/_0T_[:PxU

    <!--最新资讯列表-->  --------------
}Jj7] H ^a0aC#G0    <div id="newnews" class="tabcontent">
Ptl!Ud0V0    </div>SupeSite/X-Space官方站CW0km
M;S
    <!--站内热门资讯列表(一月)-->
V)t!})I^&t6g0    <div id="hotnews" class="tabcontent" style="display: none;">
-Z#F zN&o0    </div>表示已经调用的最新资讯和本周热点（尽管官方代码错误，为了说明本问题，此处未予纠正）。SupeSite/X-Space官方站x8U4UK'A$p
F!|

C#mN6x {#m0那么增加的“花花世界”的调用应当位于这段的下面，记住不要越出上面说的国界线</div>。SupeSite/X-Space官方站5v A(t3?2gm
SupeSite/X-Space官方站O\B7vkg3l+d
增加的代码是什么呢？
'AC6C%cC0}j+@}k0我们依葫芦画瓢，看下面：

CODE:

nti#\`$?Ub0    <!--花花世界最新资讯列表-->SupeSite/X-Space官方站C&N%ZSS
    <div id="flowernews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站f0S Vo.y
D
    <!--{block name="spacenews" parameter="catid/1/order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->SupeSite/X-Space官方站Th
C`k#x_
     <ul class="msgtitlelist" style="height: 144px;">SupeSite/X-Space官方站'd2L*]\*n
      <!--{loop $_SBLOCK['hotnews1'] $value}-->SupeSite/X-Space官方站(o:[jF.wr
      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
q2Ef/fTm7I'e0      <!--{/loop}-->
7}o8Y&Ol'k0     </ul>SupeSite/X-Space官方站t4W3kQq.h
    </div>看好了，首先指定鼠标点击导航栏中的“花花世界”指向的div门牌号码flowernews。SupeSite/X-Space官方站$e7o$Tk~;n2Z

%?
|+s|`SJOx!v0然后，因为我们调用的最新资讯，所以我们可以直接利用官方原程序为了“最新资讯”而建立的模块hotnews1，只不过增加catid/1/ 以限制其仅仅读取分类1的最新资讯而已。其中的<ul></ul><li></li><cite></cite>的相关设定都不要动它。
.}(TUP$O0

QUOTE:SupeSite/X-Space官方站!r9g2s5Z3t8Z/KM

~9KE`NwT0当然，这里面还可以做出很多文章，比如我这个里面一个标题我要调出几个分类来，怎么办呢？
f"?-dO%o X0好办！catid/1/ 写成catid/1,3,9,23/这样就可以了，表示调用1、3、9、23这4个分类的数据！ 需要注意的是分类序号间的逗号不是中文逗号，而是英文全角逗号“,”。

CODE:SupeSite/X-Space官方站D6r5L#n jht'd%U

style="display: none;" 注意不要漏掉，因为这里每次只能显示一个类别，默认显示的不用加上这个style规定，其余通过鼠标点击触发的必须加上 style="display: none;" ，否则就会出错。
NEUk9Q5~0
4eqa]U(N)n4RO:D0因为这个区域的宽度有限，不要增加太多的类别。否则这块地方因为放不下，必然会出现版面的错乱。
3f1x$eE6Wdt|0SupeSite/X-Space官方站5{e^D{f7rB
以上这些或繁琐或详尽的说明对于像我这样的菜鸟来说是必要的，高手就不要笑话了。SupeSite/X-Space官方站9i:V,D0b9]Zc K
SupeSite/X-Space官方站YuVh&~y]ur1Q*L
更多首页篡改，请访问：http://www.discuz.net/thread-589402-1-2.html
L*j+mBjkb v'Z`0
-PW [~)k0{p@0Y0祝各位访问SS/XS风格模板版愉快！SupeSite/X-Space官方站 K @5] Vr'R'j!Wf
SupeSite/X-Space官方站!Z$@~jgn2kN;g \+]
实弹演示见我的签名（AD? NO!）
'MBPCl6k P|r1o0SupeSite/X-Space官方站.wjg_ r6dn4Q
[ 本帖最后由 jsaren 于 2007-4-22 09:13 编辑 ]