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

SupeSite/X-Space官方站~*N5w Fo^N
SupeSite/X-Space官方站Y
Q~a'Q{
f5T _"a3Nv
首先要了解div、css的基本概念。
}8\7_+\PE]Q#X!E0这里不说概念，只说下这个区域的结构。SupeSite/X-Space官方站V1u2T(N't

#~8T'h @ AUU+V+V7Y0下面是这个区域的源代码：

QUOTE:

h#R]8p"q1~DVmV Tp0

SupeSite/X-Space官方站X3`8n3q+r l
<div id="news" class="tabblock" style="margin-left: 274px;">SupeSite/X-Space官方站 Q#G fc+L{0`
    <h3 id="newstabs">
,{g dh2y`8v*}nY0     <a id="newnewstab" href="javascript.:setTab('news','newnews');" class="tab curtab">最新资讯</a>
,AAye0Y/WC/~ X0     <a id="hotnewstab" href="javascript.:setTab('news','hotnews');" class="tab">本周热点</a>SupeSite/X-Space官方站f[|5R.H }BJ0i
    </h3>
I7TjV3S(WT0    <!--站内最新资讯-->
NArT(LM0    <!--{block name="spacenews" parameter="order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->SupeSite/X-Space官方站hzF0wFb b
    <div id="newnews" class="tabcontent">
4zF;D$Zox0     <ul class="msgtitlelist" style="height: 144px;">SupeSite/X-Space官方站 T7di4d6A3pio
      <!--{loop $_SBLOCK['hotnews1'] $value}-->
[A/aUc0      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
W1f$P|)rwg0      <!--{/loop}-->
a+zc^(Z+g[0     </ul>
`!hm+HDE0    </div>SupeSite/X-Space官方站bt1zst*? I+E
    <!--站内热门资讯列表(一月)-->
j+]:^v3P-c0    <!--{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官方站'B,@2sg6b
    <div id="hotnews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站m {w i)vx}
     <ul class="msgtitlelist" style="height: 144px;">
a F7d{2Q;?0      <!--{loop $_SBLOCK['hotnews2'] $value}-->
'pl{EKW0      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
~2h^oSO(S7e0      <!--{/loop}-->
HlY/d\0     </ul>SupeSite/X-Space官方站!z;|5a2ow,O,\
    </div>SupeSite/X-Space官方站.}cV(E ^U.e7fF
   </div>

BTW：页面上的“本周热点”其实是个错误。604800才是一周的概念，这里应当是本月热点。SupeSite/X-Space官方站kg/m~2Ui_8j}b
SupeSite/X-Space官方站Y0n:wnw(l'K?sjF t
大家注意看，其实就是这个，我去掉了div里面的东西，为了就是让大家看结构。

QUOTE:SupeSite/X-Space官方站a1pz8l+JW(N'D

b[
~4L^6|/Elq0<div id="news" class="tabblock" style="margin-left: 274px;">SupeSite/X-Space官方站'o!Z'T0T)C c
    <h3 id="newstabs">  </h3>   -----这里的里面是该区域类别的标题显示SupeSite/X-Space官方站W,jP^4U%Gy
    <!--最新资讯列表(一月)-->  --------------SupeSite/X-Space官方站H f+y.Y al3b&O
    <div id="newnews" class="tabcontent">
]:dz `oJ)c@7E0SupeSite/X-Space官方站7ew0@hn_
    </div>SupeSite/X-Space官方站4nE(O2VnHv he
    <!--站内热门资讯列表(一月)-->SupeSite/X-Space官方站,zd9{)T${
    <div id="hotnews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站Uai\'M-F

fQ9\PO0    </div>SupeSite/X-Space官方站8C&wg} p&_
   </div>

知道这个以后，我们就差不多可以克隆了。SupeSite/X-Space官方站m
x@.R'vq+fH/j
@上面的蓝色的前后div不要动它，因为它就是“国界线”，要搞建设，不要跑到国境线外面搞。
nbHGk:F5B0SupeSite/X-Space官方站Vl?5[-A#a!{
下面举例说明如何增加某类别的最新资讯标题列表
H/i1Hk?A-M\0假如在资讯里面有个分类叫“花花世界”，这个花花世界的分类号是6。

QUOTE:

od-HM-Nxa o0R0

oE9v'\*U0tips:SupeSite/X-Space官方站aS:F.k)_ d8EN
如何查阅分类号？SupeSite/X-Space官方站7n4||Fr$Z7v2Q1s
在资讯页面（http://你的玉米/html/news.html或者http://你的玉米/index.php/action-news）鼠标悬停在分类的标题上，可以看到浏览器的状态栏，里面会显示出…………/index.php/action-category-catid-1 ，这里的1就是分类号。

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

QUOTE:SupeSite/X-Space官方站t\6BW7{i"Y7V

  <h3 id="newstabs">SupeSite/X-Space官方站*Lx#m0]j0`
N Wp
     <a id="newnewstab" href="javascript.:setTab('news','newnews');" class="tab curtab">最新资讯</a>
aEn7{P }X?7pW0     <a id="hotnewstab" href="javascript.:setTab('news','hotnews');" class="tab">本周热点</a>SupeSite/X-Space官方站@G"^Tq5Y
     <a id="flowernewstab" href="javascript.:setTab('news','flowernews');" class="tab">花花世界</a>
u,^&b NiJ^DP0    </h3>

flowernews为花花世界的门牌号码。提示鼠标点击后的指向。SupeSite/X-Space官方站P)Y}XB{

&nc
@I~!e8d4ku0然后，在下面增加此分类的调用。SupeSite/X-Space官方站9@'@ x iL,[
上面的这个区域：

CODE:

1j7zM#^wN5Q m0    <!--最新资讯列表-->  --------------
:Z*F ~2N'A0I0    <div id="newnews" class="tabcontent">
"O!h!RaIp5Jn:YN0    </div>
Z+g!h0V4?8{8C4|0    <!--站内热门资讯列表(一月)-->
7U#@K&`gvx Z h;Z0    <div id="hotnews" class="tabcontent" style="display: none;">SupeSite/X-Space官方站3F
hS4Q8K{3mC-R
    </div>表示已经调用的最新资讯和本周热点（尽管官方代码错误，为了说明本问题，此处未予纠正）。
1F/F#~ p?%_H_0
C U~;f@)b&`!XH0那么增加的“花花世界”的调用应当位于这段的下面，记住不要越出上面说的国界线</div>。
-bW"}3F5z.l`0SupeSite/X-Space官方站Ns_
w#d'?
增加的代码是什么呢？
#S%U{1F/gk1j(y0我们依葫芦画瓢，看下面：

CODE:

G+t i4ux'`O0    <!--花花世界最新资讯列表-->SupeSite/X-Space官方站IBJN|RnH
    <div id="flowernews" class="tabcontent" style="display: none;">
-H3aZ$Wy*\0    <!--{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官方站(Nh(v-J'L&?'T
     <ul class="msgtitlelist" style="height: 144px;">SupeSite/X-Space官方站+_e!~J2eXO+g2pv
      <!--{loop $_SBLOCK['hotnews1'] $value}-->
l3KTol.Ia*Qp0      <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
;`n
L|&^0      <!--{/loop}-->SupeSite/X-Space官方站1z8Svr!_(OK4iSEI2b
     </ul>
srYIRIz$G/}u0    </div>看好了，首先指定鼠标点击导航栏中的“花花世界”指向的div门牌号码flowernews。SupeSite/X-Space官方站rfn7f D-j4Mn
SupeSite/X-Space官方站#X%Hc"a]8X5z7X
然后，因为我们调用的最新资讯，所以我们可以直接利用官方原程序为了“最新资讯”而建立的模块hotnews1，只不过增加catid/1/ 以限制其仅仅读取分类1的最新资讯而已。其中的<ul></ul><li></li><cite></cite>的相关设定都不要动它。
gM4`HN0

QUOTE:

'x#Pnn,dwE.^*x0

9@qF)OYLk)T}(b0当然，这里面还可以做出很多文章，比如我这个里面一个标题我要调出几个分类来，怎么办呢？
9P ~-_(m.Li:S4]L{0好办！catid/1/ 写成catid/1,3,9,23/这样就可以了，表示调用1、3、9、23这4个分类的数据！ 需要注意的是分类序号间的逗号不是中文逗号，而是英文全角逗号“,”。

CODE:SupeSite/X-Space官方站*Q5j?g \&Yf

style="display: none;" 注意不要漏掉，因为这里每次只能显示一个类别，默认显示的不用加上这个style规定，其余通过鼠标点击触发的必须加上 style="display: none;" ，否则就会出错。SupeSite/X-Space官方站L)VU,@%o _i"k
SupeSite/X-Space官方站5u4ofHT5GHT
因为这个区域的宽度有限，不要增加太多的类别。否则这块地方因为放不下，必然会出现版面的错乱。SupeSite/X-Space官方站/AwS-d9fje
SupeSite/X-Space官方站6PWiL9T3zmh?yra5u
以上这些或繁琐或详尽的说明对于像我这样的菜鸟来说是必要的，高手就不要笑话了。SupeSite/X-Space官方站V$Z~1\S2_h

7IP-Iq0V?0更多首页篡改，请访问：http://www.discuz.net/thread-589402-1-2.html
[8c%u8fip)Y0SupeSite/X-Space官方站'YO\*Pc*j1B3UI
祝各位访问SS/XS风格模板版愉快！SupeSite/X-Space官方站0ly-T&[,I&W

%q*}X0bG+E ^0实弹演示见我的签名（AD? NO!）SupeSite/X-Space官方站ty%S
KjG'?-O

3\,v
E@"Y$g7C0[ 本帖最后由 jsaren 于 2007-4-22 09:13 编辑 ]