joomla 跆拳道 网站学习

1)有前后台汉化的插件
在 扩展=>安装卸载 下
2)在templates的目录下建 zhiyuan 目录
再在其下建  css html images 文件夹
及主文件 index.php
templateDetails.xml
3)在css文件夹下建几个样式表
gobal.css (全局样式表)
ie6.css
ie7.css
ie8.css
main.css  我们主要是在这时写css

致远跆拳道 http://home.51.com/zhiyuantkd
file:///C:/Documents%20and%20Settings/Administrator/Application%20Data/Mozilla/Firefox/Profiles/3vq8fyou.default/ScrapBook/data/20120926232121/index.html

templateDetails.xml 配置文件
配置一下

后台=>扩展=>模板管理=>改默认模板 为zhiyuan

存在templates/zhiyuan目录下的图片还是复制一份到 根目录的images目录下?

表示菜单模块
 <div class="mainmenu">
    <jdoc:include type="modules" name="mainmenu" />
 </div>
在templateDetails.xml中有配置
在后台的菜单=>菜单管理中=>新建菜单(其实已有mainmenu)
在菜单项 下有个图标 =>打个这个菜单的菜单项
把home菜单项(这个是默认的) 改为 返回首页

创建单元
单元=>单元管理=>创建
=>标题 致远
=>保存

创建分类
单元=>类别管理=>创建
=>标题 致远新闻
=>填写文章内容
=>保存

创建文章
单元=>文章管理=>创建
=>左边 标题 致远武馆介绍
=>选择单元和分类
=>保存

再创建其它几个菜单项

后台的菜单=>菜单管理=>点菜单项下 菜单项图标=>
创建=>文章=>标准文章布局
=>左边 标题 志远武馆介绍
=>右边 基本参数 选择文章  选择一篇文章
=>保存

菜单是通过模块来显示的

扩展=>模块管理=>Main Menu=>
左边=>标题: (使用默认)     
显示标题: 否
启用: 是
位置: main        (是和templateDetails.xml的position对应的)
=>点保存

通过 dw 插入flash
<object 里面的有一个参数
<param name="wmode" value="transparent" /> 有关透明的属性表明这个flash是透明的



1)<?php if($this->countModules('industrynews')): ?> //industrynews这个是模板
    <div class="industrynews">
        <jdoc:include type="modules" name="industrynews" style="zhiyuan" />//industrynews这个是模板
    </div>
  <?php endif; ?>

这里style="zhiyuan"是模板样式
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>industrynews</position>

安装 Display News by BK for Joomla!这个模块(文章显示模块)
后台=>安装卸载=>进行安装

扩展=>模块管理=>找到display news 点进去
=>左边 标题 行业新闻
显示标题:  是
启用:  是
位置:  industrynews
=>右边 模块参数
    自动提取模块标题 否
    数量  6
文章选择参数
    指定类别 致远/志远新闻    
标题参数
    显示文章标题     显示
    文章标题可链接   是
文章内容参数
    文章内容     隐藏
日期/作者/阅读全文/评分/点击量/Jcomments 整合 参数
    日期格式 %y-%m-%d
    显示作者 隐藏    
    阅读全文 隐藏    
    “阅读全文”的文字 不填
    “阅读全文”浮窗提示前缀      不填
    显示评分     隐藏
    显示点击量     隐藏
    JComments 评论数量    隐藏

再创建几篇文章
内容=>文章管理=>创建几个文章


在main.css时加上注释 并在里面写注释
/*********industrynews start******************/
.moduletable-industrynews

/*********industrynews end******************/

扩展=>模块管理=>找到 行业新闻 点进去
=>右边 模块参数
    模块CSS后缀   -industrynews



8视频名 我要报名

增加
<?php if($this->countModules('registration')): ?> //registration这个是模板
    <jdoc:include type="modules" name="registration" style="zhiyuan" />//registration这个是模板
<?php endif; ?>
在  template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>registration</position>

扩展=>模块管理=>创建=>旗帜广告=>下一页
=>左边   标题 (我要报名)
    位置 registration
=>右边  模块参数    
    =>页眉文字 (新海区致远跆拳俱乐部)
    =>页脚文字 (<p>电话:13771894819</p>
            <p>地址: 新北区家乐福超市斜对面(河海宾馆五楼)</p>    )
    =>模块CSS后缀  -registration




<?php if($this->countModules('coach')): ?>
                    <div class="coach">
                        <jdoc:include type="modules" name="coach"  style="zhiyuan" />
                       </div>
                <?php endif; ?>
这里style="zhiyuan"是模板样式
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>coach</position>

模块管理=>创建=>定制HTML=>下一页
=>左边  细节设置=>标题 (终极教练)
    显示标题:  是
    启用:  是
    位置:  industrynews
=>右边 模块参数
    模块CSS后缀    -coach
=>点应用

新建一个html 里面是要显示的内容 放在 终极教练 这个模块的自定义输出 里
再进行上传图片和插入图片
=>点保存

 
<?php if($this->countModules('tuimg')): ?>
                <div class="tuimg">
                    <jdoc:include type="modules" name="tuimg"  style="zhiyuan" />
                </div>
<?php endif; ?>
这里style="zhiyuan"是模板样式
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>tuimg</position>

模块管理=>创建=>定制HTML=>下一页
=>左边  细节设置=>标题 (图片滚动)
    显示标题:  是
    启用:  是
    位置:  tuimg
    自定义输出      (用原始编辑器)把滚动代码放进去
    (注意图片路径)
    <td><img src="images/stories/food/1.gif" border="0" width="70" height="70" /></td>
    <td><img src="images/stories/food/2.gif" border="0" width="70" height="70" /></td>
    <td><img src="images/stories/food/3.gif" border="0" width="70" height="70" /></td>
    <td><img src="images/stories/food/4.gif" border="0" width="70" height="70" /></td>
    <td><img src="images/stories/food/5.gif" border="0" width="70" height="70" /></td>
    <td><img src="images/stories/food/6.gif" border="0" width="70" height="70" /></td>    


    
=>点应用
我们把 <jdoc:include type="modules" name="tuimg"  style="zhiyuan" /> 中的 style="zhiyuan"去掉
 就没有了标题 图片滚动



        <?php if($this->countModules('footermenu')): ?>
                <div class="footermenu">
                    <jdoc:include type="modules" name="footermenu" />
                </div>
            <?php endif; ?>  
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>footermenu</position>

加一个菜单 footermenu
菜单=>菜单管理=>创建
    唯一的名称: footermenu        
    标题:      footermenu
    简介:      footermenu
    模块标题: footermenu
=>保存
再  菜单=>菜单管理=>点footermenu的菜单项 (创建四个菜项)
=>创建 文章=>标准文章版面
=>左边    标题  (设为首页)
=>右边   基本参数  选择文章 进行选择一篇文章
=>保存
同理 再创建 几个文章  加入收藏,联系站长,友情链接

复制QQ
菜单=>菜单管理=>点选某菜单=>复制
=>填新菜单名称 和 新模块名称=>复制  就得到 复制的菜单

扩展=>模块管理 点模块 footermenu 进去
=>左边 标题 footermenu
    启用: 是
    位置 footermenu
=>点应用

noticeboard 滚动式公告板组件

                <?php if($this->countModules('notice')): ?>
                    <div class="notice">
                        <jdoc:include type="modules" name="notice"  style="zhiyuan" />
                       </div>
                <?php endif; ?>
这里style="zhiyuan"是模板样式
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>notice</position>

notice_board  (滚动式公告板组件)  安装包里有两个安装包,一个是组件安装包,一个是模块安装包
扩展=>安装卸载=>(先安装组件安装包)(再安装模块安装包)

组件=>Notice board=>创建

=>简介: 1,致远道馆是常州市首家中式忠跆拳道培训俱乐部

    2,我部采用武术基本与跆拳道技术动作相结合进行教学,

    3,任职教练员均有10多年武术训练基础和丰富的教学经验

    4),学习合格颁发公认跆拳道级别证书及道带
不填标题 直接保存

扩展=>模块管理=>里面有一个叫做Noticeboard的模块(是填上面组件创建后自动生成的)
=>点进去
=>左边     启用 是
    位置  notice
=>保存

扩展=>模块管理=>找到 行业新闻 模块
=>点进去   左下角   =>菜单分配 从列表中选择菜单项 =>只选 返回首页
=>保存
同理 我要报名,终极教练,图片展示 模块 也是选择 返回首页
扩展=>模块管理=>找到 NoticeBoard 模块
=>点进去   左下角   =>菜单分配 从列表中选择菜单项 =>选择除了 返回首页 的项
(点ctrl+左键)
=>保存

有前台 点不同的菜单项 就显示了不同的模块
这里其实是通过 <?php if($this->countModules('notice')): ?>
来进行判断 是否显示的

扩展=>模块管理=>找到 NoticeBoard 模块
=>点进去
=>左边    标题  (网站公告)
=>右边    高级参数设置   模块css后缀 -notice(-notice)
        Scroll Direction 上移
    模块参数  宽度 260
         高度 150
        文字大小     10
        背景颜色      去掉
        边框颜色       去掉    
        边框宽度   去掉
=>保存


                <?php if($this->countModules('knowledge')): ?>
                    <div class="knowledge">
                        <jdoc:include type="modules" name="knowledge"  style="zhiyuan" />
                       </div>
                <?php endif; ?>
这里style="zhiyuan"是模板样式
在 template/zhiyuan/html/module.php文件里有定义
到 template/templateDetails.xml下面看看
在<positions> 里加上 <position>knowledge</position>


菜单=>菜单管理=>创建=>
    唯一的名称: knowledge        
    标题:     knowledge
    简介:     knowledge
    模块标题: knowledge
=>保存
菜单=>菜单管理=>点 knowledge 对应的菜单项图标

创建=>文章=>常州跆拳道常州太极拳常州散打常州武术常
=>左边 标题 志远武馆介绍
    别名:1
=>右边 基本参数 选择文章  选择一篇文章
=>保存
同理再创建5个菜单项 (计6个)

扩展=>模块管理=>(可以看到自动有一个模块叫做knowledge)
=>点进去
=>左边   模块标题 (跆拳道知识)
    启用 (是)
    位置 (knowledge)
左下角   =>菜单分配 从列表中选择菜单项 =>选择除了 返回首页 的项
=>右边 高级参数设置  =>模发起人css后缀 -knowledge
=>保存



在right里写
                <?php if($this->countModules('introduction')): ?>
                    <div class="introduction">
                        <jdoc:include type="modules" name="introduction"  style="zhiyuan" />
                       </div>
                    <div class="clr"></div>
                <?php endif; ?>
    这里style="zhiyuan"是模板样式
    在 template/zhiyuan/html/module.php文件里有定义
    到 template/templateDetails.xml下面看看
    在<positions> 里加上 <position>introduction</position>



扩展=>模块管理=>创建=>定制HTML=>下一页
=>左边  标题 (武馆介绍)
    启用 (是)
    位置 introduction
    自定义输出  里面直接复制所要的内容
左下角   =>菜单分配 从列表中选择菜单项 =>选择 致远武馆介绍 的项
=>右边 模块参数  模块css后缀 -introduction
=>点保存


在right里写
                <?php if($this->countModules('albums')): ?>
                    <div class="albums">
                        <jdoc:include type="modules" name="albums"  style="zhiyuan" />
                       </div>
                    <div class="clr"></div>
                <?php endif; ?>
    这里style="zhiyuan"是模板样式
    在 template/zhiyuan/html/module.php文件里有定义
    到 template/templateDetails.xml下面看看
    在<positions> 里加上 <position>albums</position>


artsexylightbox 相册模块
扩展=>安装卸载=>(安装模块安装包)

扩展=>模块管理=>里面有一个叫做 Art Sexy Lightbox Lite Edition 模块
=>点进去
=>左边  标题 (武馆相册)
    启用 (是)
    位置 albums
    菜单分配     从列表中选择菜单项  只选 学员中心
=>点保存


网站=>媒体管理=>stories=>food=> 创建一文件夹 xiangce
上传几张图到 这个文件夹
把 images/stories/food/xiangce 路径复制一下

扩展=>模块管理=>找到刚才的模块  武馆相册
=>点进去
=>右边       模块 CSS 类后缀  -albums
    模块参数 图像文件夹路径 (images/stories/food/xiangce)
    缩略图文件夹路径 (images/stories/food/xiangce)
    缩略图选项  缩略图宽度 142
           缩略图高度  71
=>点保存



1)
    <?php if($this->countModules('maincontent')): ?>
                    <div class="maincontent">
                        <jdoc:include type="modules" name="maincontent"  style="zhiyuan" />
                        <jdoc:include type="message"   />
                        <jdoc:include type="component" />
                       </div>
        <?php endif; ?>   

    这里style="zhiyuan"是模板样式
    在 template/zhiyuan/html/module.php文件里有定义
    到 template/templateDetails.xml下面看看
    在<positions> 里加上 <position>maincontent</position>

扩展=>模块管理=>创建=>相关文章=>下一页
=>左边         标题 (contenth) (其实这里标题前台用不到,只有要后台才用到)
        显示标题 (否)
        启用    (是)
        位置    (maincontent)
        菜单分配     从列表中选择菜单项  除掉 返回首页,志远武馆介绍,学员中心,之外的都选中
=>右边        模块参数  模块css后缀 -maincontent
=>保存

easybook组件
扩展=>安装卸载=>   安装 EasyBook_component_v2.0_RC4_Chinese_VIP-J15.zip 组件

菜单=>Main Menu=> 点 在线留言 进去
=>(本来是一个标准文章布局类型)修改类型
=>easy book=>Guestbook Entryform
=>右边  组件参数
        显示 EasyBook 标志    隐藏    
        发送通知 e-mail        否

        显示评分字段    显示
        IP 记录    是
        显示 e-mail 字段        显示
        必须填写 E-Mail        是
        显示网站字段        显示
        显示 ICQ 字段        显示
        显示 AIM 字段        显示
        显示 MSN 字段        显示
        显示 Yahoo 字段        显示
        显示 Skype 字段        显示
        发布新留言        是
        脏话过滤            是
        启用图片验证码.    
        允许发表留言的群组    everybody    
    系统参数        页面CSS类后缀    -online
当然修改 可以到 D:\xampputf8\htdocs\zhiyuan\components\com_easybook
里面进行修改源码
修改 D:\xampputf8\htdocs\zhiyuan\components\com_easybook\views\entry\tmpl\form.php
看看
D:\xampputf8\htdocs\zhiyuan\language\zh-CN 这个里面是汉化
D:\xampputf8\htdocs\zhiyuan\language\zh-CN\zh-CN.com_easybook.ini 汉化包