打开浏览器,输入http://localhost/jieqi16_090826(jieqi16_090826是解压之后文件夹的名称),点击导航栏上面的网站管理进入后台,系统管理>系统定义,找到网站风格设置, 修改网站风格设置的名称,保存设置,点击左上边的网站首页,进入前台。
这是网站的布局,只需修改所对应的样式,既可改变页面的宽度、高度等等...
页面布局的样式:
#wrapper // 总页面容器
#left // 左边列
#right // 右边列
#centers // 中间列(一共为三列时)
#centerm // 中间列(一共为二列时)
#centerl // 中间列(一共为一列时)
#content // 主体内容
.main // 整页宽度的内容容器
.m_top // 网页最顶部(通常放快速导航链接)
.m_head // 网页头部(通常包括网站LOGO和BANNER)
.h_logo // 网站LOGO
.h_banner // 网站BANNER
.h_link // BANNER旁边的链接
.m_menu // 菜单栏
.m_foot // 网页底部
.block // 区块容器
.blocktitle // 区块标题
.blockcontent // 区块内容
.blocknote // 区块底部修饰
JIEQI CMS 模板文件主要存在于以下几个目录中,更改相应的文件就能改变页面显示效果。注:为使更改后的模板生效,我们需要对相应的区块经行刷新 或者清理区块缓存。
modules/article/templates //文章系统模板
modules/article/templates/blocks //文章系统区块模板
modules/forum/templates //论坛系统模板
modules/forum/templates/blocks //论坛系统区块模板
templates //公用页面模板(例如用户档案)
templates/blocks //公用页面区块模板
themes/default //主要风格模板
主要模板:
一般修改如下几个主要模板就能改变前台页面的大部分显示效果:-
modules/article/templates/index.html // 目录页面
modules/article/templates/style.html // 章节内容
modules/article/templates/fulltext.html // 全文阅读
modules/article/templates/articleinfo.html // 书籍摘要页面
themes/default/theme.html // 动态页面公用模板
模板中标签的格式为{?XXX?},注意使用。
1、循环语句:
格式:{?section name=i loop=$var columns=1?}{?/section?}
说明:该语句以{?section name=i loop=$var columns=1?}开始,并以{?/section?}结束
举例:{?section name=i loop=$jieqi_cmblocks?}
……
{?/section?}
解释:上例中表示的是,如果中间下方的区块存在,则在此处循环显示
2、判断语句
格式:{?if ... ?}...{? else ?}...{?elseif?}...{?/if?}
说明:该语句为判断语句
举例:{?if $jieqi_cmblocks[i].title != ""?}
……
{?/if?}
解释:如果中间下方的区块的标题有内容,则显示这个区块的标题
3、截取字符串方法
函数:1、truncate - 截取固定长度字符串,参数一(必要):截取后长度,参数二:附加字符串。
格式:eg:$var=123456789;模板里面调用函数: {?$var|truncate:5?} | {?$var|truncate:5:"......"?}
输出:12345 | 123......
4、替换字符串
函数:str_replace - 字符串替换,参数一:查找的字符串,参数二:替换为字符串
格式:eg:$var=’//www.jieqi.com‘;模板里面调用函数: {?$var|str_replace:"www":"demo"?}
输出: http://demo.jieqi.com
5、处理时间函数
函数:date - 把数字类型的时间格式化成字符串,参数一:格式化字符串
格式:eg:$time=1198226131;模板里面调用函数: {?$time|date:"Y-m-d H:i:s"?}
输出:2007-12-21 16:35:31
6、专用于生成子目录名字的函数
函数:subdirectory - JIEQI CMS 里面专用于生成子目录名字的函数,针对数字的处理,无参数。输出格式类似 "/12",其中"/" 是表示开始一个子目录,"12"是子目录名字。
格式:eg:$id=3456;模板里面调用函数:/files/article/html{?$id|subdirectory?}/{$id?}/index.html
输出:/files/article/html/3/3456/index.html