php168 齐博cms 风格模版制作教程

  • 格式:doc
  • 大小:39.00 KB
  • 文档页数:7

下载文档原格式

  / 7
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

php168 齐博cms 风格模版制作教程2011-03-05 22:43以下风格教程是基础教程,如果你是风格高手可以选择性的浏览或者不看。(最下面附了官方风格制作教程)

综述

鉴于有的朋友对php168的风格制作还不是很清楚。所以写了这个教程,说是教程其实只能算是我制作风格的一些心得体会,因为是我个人的心得体会必然有不完善的地方,哪里写得不好,还请高手指正。

好的。废话少说,言归正传。

PHP168的风格系统采用的是标签技术,标签技术的引入使风格的制作难度大大降低。降低了网站制作的门槛。有的朋友要问,标签是什么东西?我们打个比方来说明一下。比如你现在有一个漂亮的静态网页框架。你想把这个漂亮的静态网页框架作成动态网页,以方便内容的添加及更改。那么你只需要在要显示内容的地方添加诸如$label[**]的标签。然后再做简单的处理。那么原来漂亮但是简单的静态网页就会变成功能强大的动态网站。而且美丽依旧。简单的说,这个标签$label[**]就象一个旗帜,他插在网页的不同部位。我们可以用这个旗帜显示文章的列表。也可以用他来显示几行几列的图片列表。还可以用他来显示falsh,幻灯片图片,文字+部分内容列表等等。我们还可以用他来显示一些插件,比如:天气预报,搜索引擎,投票栏目等等。

模板文件讲解

上面我们简单的说了一下标签$label[**]。我们说他象一面旗帜,可以插在不同的位置显示不同的内容。那么我们有了旗帜,要往哪里放呢?下面我们来介绍一下插放这些标签的地方----网页模板文件。网页模板总的分为php168默认风格模板和自己制作的风格模板。他们都放在template文件夹下面。其中template/php168/为默认模板存放的地方。因为是默认的所以我们尽量不要改动他。主要的网页模板文件如下:

Head.htm //网页模板头部

Index.htm //网页模板中部

Foot.htm //网页模板底部

Css.htm //css风格控制

内容显示模板

bencandy.htm //文章

bencandy_2.htm //论坛

bencandy_3.htm //下载

bencandy_4.htm //图库

bencandy_5.htm //商城

bencandy_7.htm //视频

bencandy_8.htm //音乐

bencandy_9.htm //FLASH

bencandy_11.htm //二手

bencandy_12.htm //求职

bencandy_13.htm //招聘

bencandy_14.htm //公益

bencandy_99.htm //舰船

bencandy_100.htm //货源

bencandy_101.htm //车源

内容列表模板

list.htm //文章

list_2.htm //论坛

list_3.htm //下载

list_4.htm //图库

list_5.htm //商城

list_7.htm //视频

list_8.htm //音乐

list_9.htm //FLASH

list_11.htm //二手

list_12.htm //求职

list_13.htm //招聘

list_14.htm //公益

list_99.htm //舰船

list_100.htm //货源

list_101.htm //车源

文章发布模板综

Post.htm //文章发布

Post_3.htm //下载文章发布

以下略,你可以对照上面的文章发布的序号推测出是发表什么内容

"

"

"

其他模板文件

pm.htm //站内消息

login.htm //登陆

ad.htm //广告

club.htm //娱乐中心

comment.htm //评论

comment_inc.htm //评论

myinfo.htm //个人信息

refreshto.htm //跳转页面

register.htm //注册页面

search.htm //搜索页面

showerr.htm //出错提示

以上是主要的模板文件。你可以根据你的需要制作自己的模板,不一定全部制作。一般主要制作head.htm index.htm foot.htm css.htm bencandy.htm list.htm就基本可以满足需要了。当浏览着浏览你的网页的时候,你制作的模板就会呈现给浏览者,而你没有制作的模板系统会调用默认的模板文件。当然一个网页里面可能包括图片文件。这些图片文件被放置在images文件夹下面,系统必须的一些图片被放在images/default/文件夹里面。默认风格里面

的图片被放置在images/php168/下面。当然,一个网页模板还需要一些样式控制。这个样式控制文件被放置在

Php168/style/文件夹下面。这些风格控制文件是一个个的.php文件。

那我们要创建自己的风格怎么办呢?好,下面我我们举个例子说明一下:比如我想创建一个风格。这个风格好比我们的孩子。我们为了以后方便称呼和调用他,我们肯定需要给这个风格起一个名字。比如我们希望我们制作的风格的名字叫做my168。有了一个叫做my168的风格。我们肯定会想到我们该把他放在哪里呢?他总得有个栖身之地吧?好的,我们现在把这个风格的栖身之地称为my168home。即存放模板文件的文件夹。我们回顾一下上面一个段落里面默认风格的格式。我们会发现,一个风格模板应该包含三个部分。即:

Tempalte/** 存放风格模板的网页文件

Images/** 存放风格模板中用到的图片文件

Php168/style/** 存放风格模板的风格控制文件

好的,下面我们照猫画虎。那么我们的风格模板应该放在下面格式的文件夹里面:

Template/my168home/ 这个里面放网页模板

Images/ my168home / 这个里面放网页模板用到的图片

Php168/style/ my168home.php 这个文件夹里面的php文件用来控制样式。

好的,我们已经把我们要制作的风格模板的家(即风格模板存放的地方)布置好了,下面我们开始动工制作我们的风格。

制作风格my168

我们假设你已经有一个静态网页了。你希望把这个静态网页做成my168的模板。静态网页一般包括一个.htm结尾的网页文件和存放图片文件的文件夹.

第一步:把你这个静态网页用到的图片文件全部复制到images/ my168home/下面。好的,第一步完成,相当简单吧。呵呵

第二步:因为我们在上面的讲解中为这个风格起了一个名字叫做:my168,并且为他安排了栖身之地:my168home。下面,我们用记事本打开

Php168/style/下面我们建立的php文件my168home.php 。(这个php文件你可以直接复制默认的php文件。然后重新命名即可。)你可以看到他里面写了以下内容。

你可以做些修改。我们稍做解释:$stylename这个变量定义的是你风格的名字,$stylefile 这个变量定义的是你风格存放的文件夹的名字。其他的是定义了一些样式。下面我们给出详细注释。

$stylename=' my168'; //新的风格名称,可以中文名

$stylefile=' my168home '; //风格存放的文件夹名称,用英文

$link_font='#333333'; //超级链接字体颜色

$hover_font='#ff6600'; //指向去时超级链接字体颜色

$visited_font='#333333'; //访问过超级链接字体颜色

$headmenu_font='#ffffff'; //栏目导航字体颜色

$menu_font=''; //下拉菜单字体颜色

$tablewidth='780'; //网站宽度,可以百分比,也可具体数值

$body_bgpic='./images/php168/bg.gif'; //网页背景图片

$bodybgcolor='#ffffff'; //网页背景颜色

$head1bgpic=''; //装饰表格1背景图片

$head1_bgcolor='3398CC'; //装饰表格1背景颜色