php168 齐博cms 风格模版制作教程
- 格式:doc
- 大小:39.00 KB
- 文档页数:7
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背景颜色