Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[教程] XS首页模板修改教程(模块篇)

[复制链接]
chasa 发表于 2006-6-24 12:31:53 | 显示全部楼层 |阅读模式
  模块功能,是X- Space的核心功能之一。通过模块功能,站长可以轻松的构建一个非常强大的站点。此功能非常强大,几乎能实现你想要的任何利用论坛、X-Space的资源来建站的功能,不过需要一定的技巧才能学会使用。模块功能可以让你把论坛的帖子、用户、附件等几乎所有的信息,X-Space的日志、图片、商品、文件等等都给读取出来,并按照你指定的风格样式,显示在你指定的页面位置。

套用代码时请将<>替换为半角的<>


  X-Space具有强劲的模块功能。不过,大家可能没有利用起来。

  模块功能,是X- Space的核心功能之一。通过模块功能,站长可以轻松的构建一个非常强大的站点。此功能非常强大,几乎能实现你想要的任何利用论坛、X-Space的资源来建站的功能,不过需要一定的技巧才能学会使用。模块功能可以让你把论坛的帖子、用户、附件等几乎所有的信息,X-Space的日志、图片、商品、文件等等都给读取出来,并按照你指定的风格样式,显示在你指定的页面位置。

  现在,通过一个简单的教程,图文并茂的教你实现如果通过对强劲的模块功能,实现我们更具个性化的需求。

  开始之前呢,有些东西,必须强调一下

  我们的首页模板有三个部分组成,即

  header 这个是模板的头部 对应文件 /templates/default/header.html.php

  body 这个就是模板的主要部分 对应文件 /templates/default/index.html.php
  foot这个就是模板的页脚 对应文件 /templates/default/footer.html.php

  我们可以把我们做好的页面对应的粘贴或者复制到这几个文件中来!

  开始了,首先我们得自己做一个自己喜欢的页面,比如看看我手里这个

图如附件


  我们就拿图上圈出的几个部分分别讲解!

  好了我们来看第一个地方,这里是一个幻灯片展示,它的作用呢就是把我们站点上的一些图片资源有选择性(比如精华)的展示给大家

  好了,看看代码,我们不难发现他所在的位置

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

  <td><table width="222" border="0" cellpadding="0" cellspacing="1" bgcolor="4789C4">

  <tr>

  <td style="padding:5px"><img src="images/ls_01.gif" width="210" height="196"></td>

  </tr>

  <tr>

  <td class="bokewhite"><div align="center"><a href="#"><strong>袁立个人博客访问量突破千万</strong></a></div></td>

  </tr>

  </table>

  好的,我们进入xspace 的后台,http://www.xxx.com/xspace/admincp.php

  其中www.xxx.com为你的域名,xspace/为你的安装目录,可以自己做出对应的修改,以下类同!

  我们会看到“模块”的连接,他有两个关联 “模块列表”和“模块风格”,借助这里我们就能操纵强大的模块功能了!

  我们要做的是 图片的幻灯展示,好的,那么我们在 “模块”--“模块列表”

  选择基本模块我们点击“图片”因为这个是我们需要的....点击后回出现基本的一些模块,大家可以点击旁边对应的编辑,查看他们实现的功能,OK找到这个地方

  对应代码

  <!--精华图片 图片+标题(共4条) begin--><!--{block name="spaceimage" parameter="digest/1,2,3/showattach/1/order/i.dateline DESC/limit/0,4/cachetime/3600/tpl/item_image_subject_list"}--><!--精华图片 图片+标题(共4条) end-->

  这个代码对应的功能就是调用4张精华图片然后以幻灯片的方式,轮番展示,好了代码有了,加到我们的摸班里面去,记得找对地方哦!

  这个例子中,我们把他放到这里:

  原来:

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

  <td><table width="222" border="0" cellpadding="0" cellspacing="1" bgcolor="4789C4">

  <tr>

  <td style="padding:5px"><img src="images/ls_01.gif" width="210" height="196"></td>

  </tr>

  <tr>

  <td class="bokewhite"><div align="center"><a href="#"><strong>袁立个人博客访问量突破千万</strong></a></div></td>

  </tr>

  </table>

  插入要调用的代码后

  <table width="760" border="0" align="center" cellpadding="0" cellspacing="0">

  <!--精华图片 图片+标题(共4条) begin--><!--{block name="spaceimage" parameter="digest/1,2,3/showattach/1/order/i.dateline DESC/limit/0,4/cachetime/3600/tpl/item_image_subject_list"}--><!--精华图片 图片+标题(共4条) end-->

  </table>

  好了,保存index.html.php 去首页刷新下,完成。

  OK ,看第二部分。。。

  同理我们看看代码,会找到以下内容:

  <table width="99%" border="0" cellspacing="0" cellpadding="0" style="margin-top:2px">

   <tr>

   <td><img src="images/bokeshow_60.gif" width="222" height="27"></td>

   </tr>

   <tr>

   <td style="border-left:1px #4789C4 solid;border-right:1px #4789C4 solid;padding:8px"><a href="#">江浙私募基金操盘手:大牛的绝招</a><br>

   美媒:在台湾海域 中国有能力挑战<br>

   亲爱的,让我们吵一场有技术含量</td>

   </tr>

   <tr>

   <td><img src="images/bokeshow_64.gif" width="222" height="13"></td>

   </tr>

   </table>

  好的,里面需要替换的就是:

  <tr>

   <td style="border-left:1px #4789C4 solid;border-right:1px #4789C4 solid;padding:8px"><a href="#">江浙私募基金操盘手:大牛的绝招</a><br>

   美媒:在台湾海域 中国有能力挑战<br>

   亲爱的,让我们吵一场有技术含量</td>

   </tr>
  继续去模板列表找到,对应的功能相近似的模板,编辑,获取代码,然后插入到这里,替换,完成。

  替换后代码如下:

  <table width="99%" border="0" cellspacing="0" cellpadding="0" style="margin-top:2px">

  <tr>

  <td><img src="images/bokeshow_60.gif" width="222" height="27"></td>

  </tr>

  <tr>

  <!--首页推荐阅读 begin--><!--{block name="spaceblog" parameter="digest/1,2,3/order/i.dateline DESC/limit/0,5/cachetime/900/subjectlen/30/tpl/12333"}--><!--首页推荐阅读 end-->

  </tr>

  <tr>

  <td><img src="images/bokeshow_64.gif" width="222" height="13"></td>

  </tr>

  </table>

  刷新首页观看效果!
2.jpg
3.jpg

评分

2

查看全部评分

 楼主| chasa 发表于 2006-6-24 12:33:49 | 显示全部楼层
附页面代码,方便大家清楚下面的操作

案例源文件.rar

3.4 KB, 下载次数: 3431

回复

使用道具 举报

 楼主| chasa 发表于 2006-6-24 12:36:47 | 显示全部楼层
  当然了,模块功能的强大就在于,我们还可以自己定义模块,使得我们可以去使用我们所有的图片或者日志资源(包括作者、附件等等)我们以首页推荐这个模块为例子

  

  首先我们建立一个文件命名格式如下 xxx.html.php 其中xxx用户可以自己定义,后面的.html.php必须要有,而且不能更改!保存到你的安装目录下的style子目录下面(当前我们命名为)12333.html.php





  内容如下:

  <?exit?>

  <!--{loop $iarr $value}-->

  <tr><td style="border-left:1px #4789C4 solid;border-right:1px #4789C4 solid;">∴<a href="$value[url]" target="_blank" title="$value[subjectall]">$value[subject]</a>

  </td></tr>

  <!--{/loop}-->

  部分代码的意思 loop 吗就是循环输出$value[url] 就是对应的连接地址,$value[subject]标题等....

  OK,根据自己做出的模板做一些小的调整。

  好的,现在去后台,点"模块"-->“模块风格”-->添加风格
如图

  现在去"模块"-->“模块列表”-->添加模块

  选择 基本模块“日志”
最后这里模块风格的地方,选择,自己刚才建立的风格名字!

  最后根据自己的功能效果,进行选择,对后得到代码,插入!

  好了完成,其他部分,均可参考上面的步骤!
4.jpg
5.jpg
回复

使用道具 举报

 楼主| chasa 发表于 2006-6-24 12:42:55 | 显示全部楼层
操作如图!
6.jpg
7.jpg
回复

使用道具 举报

 楼主| chasa 发表于 2006-6-24 12:43:42 | 显示全部楼层
最后一个
8.jpg
回复

使用道具 举报

hainiu 发表于 2006-6-24 13:17:58 | 显示全部楼层
学习一下,终于有人出教程了,谢谢楼主
回复

使用道具 举报

hainiu 发表于 2006-6-24 15:23:54 | 显示全部楼层
虽然是1.0的
回复

使用道具 举报

~smith2~ 发表于 2006-6-24 15:25:12 | 显示全部楼层
占位
回复

使用道具 举报

~smith2~ 发表于 2006-6-24 15:25:28 | 显示全部楼层
再占
回复

使用道具 举报

bokke 发表于 2006-6-24 16:00:03 | 显示全部楼层
占位
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-6-18 19:18 , Processed in 0.135542 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表