最近一直比较忙,马上开学,面临补考,还要复习考研,刚开始背单词,还有个很大的活动要办,而且最近风生太紧,正在考虑将论坛搬到国外去,所以上个帖子只是发了个演示而已,这次认真写以写.
这个风格跟默认风格没什么两样,不修改任何程序或数据结构,只是修改首页模板.
我需要说明的是:
1.这不能算是风格,也不漂亮,跟默认的没有差别
2.因为不是风格,希望各位能将这些修改到自己的风格中
展示:http://www.xjst.org
关于代码中的说明:
右侧有两个广告位我直接写在模板里了,大家记得自己修改下~~
修改的地方说明下:
在原先index.html.php的<!-- /Footer -->前面添加了如下代码-
- <div id="bbsblock">
- <div class="blocktitle">
- <a href="#action/bbs#" class="more">进入论坛查看或发表分类信息</a>
- <h2>分类信息</h2>
- </div>
- <div/>
- <div class="content">
- <!-- 右侧版块 -->
- <div class="sideL">
- <div class="block" style="height: 257px; overflow: hidden;">
- <h3>免责声明</h3>
- <ul class="imgtitlelist">
- <li>
- <img src="http://www.xjst.org/home/images/share.png" />
- 本站不负责所有分类信息的真实性,请自行甄别.
- </li>
- <li>
- <img src="http://www.xjst.org/home/images/share.png" />
- 您可以自由:<p class="smalltxt">复制、发行、展览、放映、广播或通过信息网络传播,创作演绎作品.</p>
- </li>
- <li>
- <img src="http://www.xjst.org/home/images/by.png" />
- 惟须遵守下列条件:<p class="smalltxt">
- 署名. 您必须按照作者或者许可人指定的方式对作品进行署名。</p>
- </li>
- </ul>
- </div>
- </div>
- <div class="sideR">
- <div class="block stat" style="height: 257px; overflow: hidden;">
- <h3>广告</h3>
- <script type="text/javascript"><!--
- google_ad_client = "pub-4700775013300998";
- google_ad_width = 200;
- google_ad_height = 200;
- google_ad_format = "200x200_as";
- google_ad_type = "text_image";
- google_ad_channel = "";
- //-->
- </script>
- <script type="text/javascript"
- src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
- </script>
- </div>
- </div>
- <div class="mainarea">
- <!--焦点:评论最多-->
- <div id="focusimage" class="block">
- <h3 id="focusimagetabs" class="tabs">
- <a id="xxtab" href="javascript:setTab('focusimage','xx')" class="tab curtab">求职招聘</a>
- <a id="weetab" href="javascript:setTab('focusimage','wee')" class="tab">住房租赁</a>
- <a id="monttab" href="javascript:setTab('focusimage','mont')" class="tab">叮当市场</a>
- <a id="jobtab" href="javascript:setTab('focusimage','job')" class="tab">交友信息</a>
- <a id="altab" href="javascript:setTab('focusimage','al')" class="tab">商业广告</a>
- </h3>
- <!--求职招聘-->
- <div id="xx" class="tabcontent" style="height: 230px; overflow: hidden;">
- <ul class="msgtitlelist">
- <!--{block name="bbsthread" parameter="fid/18/order/dateline DESC/limit/0,10/cachetime/100/bbsurltype/site/tpl/subject_li"}--><!--job-->
- </ul>
- </div>
- <!--住房租赁-->
- <div id="wee" class="tabcontent" style="display: none;height: 230px; overflow: hidden;">
- <ul class="msgtitlelist">
- <!--{block name="bbsthread" parameter="fid/49/order/dateline DESC/limit/0,10/cachetime/100/tpl/subject_li"}--><!--zfzl-->
- </ul>
- </div>
- <!--叮当市场-->
- <div id="mont" class="tabcontent" style="display: none;height: 230px; overflow: hidden;">
- <ul class="msgtitlelist">
- <!--{block name="bbsthread" parameter="fid/51/order/dateline DESC/limit/0,10/cachetime/100/bbsurltype/site/tpl/subject_li"}--><!--shop-->
- </ul>
- </div>
- <!--交友信息-->
- <div id="job" class="tabcontent" style="display: none;height: 230px; overflow: hidden;">
- <ul class="msgtitlelist">
- <!--{block name="bbsthread" parameter="fid/50/order/dateline DESC/limit/0,10/cachetime/100/bbsurltype/bbs/cachename/friend/tpl/subject_li"}--><!--friend-->
- </ul>
- </div>
- <!--商业广告-->
- <div id="al" class="tabcontent" style="display: none;height: 230px; overflow: hidden;">
- <ul class="msgtitlelist">
- <!--{block name="bbsthread" parameter="fid/52/order/dateline DESC/limit/0,10/cachetime/100/bbsurltype/site/tpl/subject_li"}--><!--ad-->
- </ul>
- </div>
- </div>
- </div>
- </div>
-
复制代码 时间太紧张,简单的解释下上面的代码
主要就是中间的四个选项卡,各位如果需要生成,请在站点管理平台中的,模板模块向导中生成相应模块代码.
举例说明:在bbs.xjst.org中有个版面叫做实习招聘,我就在模块创建中点击论坛帖子,然后在向导模式中在实习招聘前打勾,
也可以在下面再次选择分类,以细化帖子,在选择模块风格文件中选择主题列表,然后确定后复制其代码,覆盖类似于
<!--{block name="bbsthread" parameter="fid/50/order/dateline DESC/limit/0,10/cachetime/100/bbsurltype/bbs/cachename/friend/tpl/subject_li"}--><!--friend-->
的代码即可.
另外
1.各位也可直接替换所有的fid编号,可以直接更换读取的版面.
2.utf-8的请将index.html.php保存为utf-8,其他字符的也请保存为相应字符,一面不正常显示.
附件是我修改好的,各位可以参照下:
本站风格就是将index.html.php覆盖默认模板而成.
[ 本帖最后由 samoolee 于 2007-9-3 14:29 编辑 ] |