php16 8齐博cms风格模版制作教程20 11-03-0522:43以下风格教程是基础教程如果你是风格高手可以选择性的浏览或者不看。 最下面附了官方风格制作教程
综述
鉴于有的朋友对php 168的风格制作还不是很清楚。所以写了这个教程说是教程其实只能算是我制作风格的一些心得体会 因为是我个人的心得体会必然有不完善的地方哪里写得不好还请高手指正。
好的。废话少说言归正传。
PHP16 8的风格系统采用的是标签技术标签技术的引入使风格的制作难度大大降低。降低了网站制作的门槛。有的朋友要问标签是什么东西我们打个比方来说明一下。 比如你现在有一个漂亮的静态网页框架。你想把这个漂亮的静态网页框架作成动态网页 以方便内容的添加及更改。那么你只需要在要显示内容的地方添加诸如$label [**]的标签。然后再做简单的处理。那么原来漂亮但是简单的静态网页就会变成功能强大的动态网站。而且美丽依旧。简单的说这个标签$label [**]就象一个旗帜他插在网页的不同部位。我们可以用这个旗帜显示文章的列表。也可以用他来显示几行几列的图片列表。还可以用他来显示fa lsh幻灯片图片文字+部分内容列表等等。我们还可以用他来显示一些插件 比如天气预报搜索引擎投票栏目等等。
模板文件讲解
上面我们简单的说了一下标签$labe l [**] 。我们说他象一面旗帜可以插在不同的位置显示不同的内容。那么我们有了旗帜要往哪里放呢下面我们来介绍一下插放这些标签 的地方----网页模板文件。 网页模板总的分为ph p168默认风格模板和自己制作的风格模板。他们都放在templ ate文件夹下面。其中tem plate /php16 8/为默认模板存放的地方。因为是默认的所以我们尽量不要改动他。主要的网页模板文件如下
Head.htm //网页模板头部
I n d e x .htm //网页模板中部
Foot.htm //网页模板底部
Css.htm //css风格控制
内容显示模板benca ndy.htm //文章benca ndy_2 .htm //论坛benca ndy_3 .htm //下载benca ndy_4 .htm //图库benca ndy_5 .htm //商城benca ndy_7 .htm //视频benca ndy_8 .htm //音乐benca ndy_9 .htm //FLASHbenca ndy_1 1.htm //二手benca ndy_1 2.htm //求职benca ndy_1 3.htm //招聘benca ndy_1 4.htm //公益benca ndy_9 9.htm //舰船benca ndy_1 00.htm //货源
benca ndy_1 01.htm //车源
内容列表模板list.htm //文章l ist_2.htm //论坛l ist_3.htm //下载l ist_4.htm //图库l ist_5.htm //商城l ist_ 7.htm //视频l ist_8.htm //音乐l ist_9.htm //FLASHlist_ 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 //站内消息l o g i n .htm //登陆ad.htm //广告club.htm //娱乐中心comme nt.htm //评论comme nt_in c.htm //评论myinf o.htm //个人信息refre shto.htm //跳转页面regis ter.htm //注册页面searc h.htm //搜索页面showe rr.htm //出错提示
以上是主要的模板文件。你可以根据你的需要制作自己的模板不一定全部制作。一般主要制作head .htm index .htm foot.htm css.htm benca ndy.htm list.htm就基本可以满足需要了。当浏览着浏览你的网页的时候你制作的模板就会呈现给浏览者而你没有制作的模板系统会调用默认的模板文件。当然一个网页里面可能包括图片文件。这些图片文件被放置在image s文件夹下面,系统必须的一些图片被放在ima ges/defau lt/文件夹里面。默认
风格里面的图片被放置在im ages/php16 8/下面。当然一个网页模板还需要一些样式控制。这个样式控制文件被放置在
Php16 8/style /文件夹下面。这些风格控制文件是一个个的.php文件。
那我们要创建自己的风格怎么办呢 好下面我我们举个例子说明一下 比如我想创建一个风格。这个风格好比我们的孩子。我们为了以后方便称呼和调用他我们肯定需要给这个风格起一个名字。 比如我们希望我们制作的风格的名字叫做my 168。有了一个叫做my16 8的风格。我们肯定会想到我们该把他放在哪里呢他总得有个栖身之地吧好的我们现在把这个风格的栖身之地称为my 16 8hom e。即存放模板文件的文件夹。我们回顾一下上面一个段落里面默认风格的格式。我们会发现一个风格模板应该包含三个部分。即
Tempa lte/** 存放风格模板的网页文件
Image s/** 存放风格模板中用到的图片文件
Php16 8/style /** 存放风格模板的风格控制文件
好的下面我们照猫画虎。那么我们的风格模板应该放在下面格式的文件夹里面
Templ ate/my168 home/ 这个里面放网页模板
Image s/my168 home / 这个里面放网页模板用到的图片
Php16 8/style /my168 home.php这个文件夹里面的ph p文件用来控制样式。
好的我们已经把我们要制作的风格模板的家即风格模板存放的地方布置好了下面我们开始动工制作我们的风格。
制作风格my168
我们假设你已经有一个静态网页了。你希望把这个静态网页做成my1 68的模板。静态网页一般包括一个.htm结尾的网页文件和存放图片文件的文件夹.
第一步把你这个静态网页用到的图片文件全部复制到image s/my168 home/下面。好的第一步完成相当简单吧。呵呵
第二步 因为我们在上面的讲解中为这个风格起了一个名字叫做 my168并且为他安排了栖身之地 my168 home。下面我们用记事本打开
Php 16 8/styl e /下面我们建立的php文件my1 68hom e.php 。 这个php文件你可以直接复制默认的php文件。然后重新命名即可。 你可以看到他里面写了 以下内容。
你可以做些修改。我们稍做解释 $style name这个变量定义的是你风格的名字 $style file这个变量定义的是你风格存放的文件夹的名字。其他的是定义了一些样式。下面我们给出详细注释。
<?
$style name=' my168 ' ; /'/新的风格名称,可以中文名
$style file= my168 home ; //风格存放的文件夹名称用英文
$l i nk_font='#33333 3' ; //超级链接字体颜色
$h o v e r_fon t ='#f f 660 0' ; //指向去时超级链接字体颜色
$visit ed_fo nt='#33333 3' ; //访问过超级链接字体颜色
$headm enu_f'o'nt='#fffff f' ; //栏目导航字体颜色
$m e nu_font= ; //下拉菜单字体颜色
$table width='780' ; //网站宽度,可以百分比也可具体数值
$body_bgpic =' ./image s/php16 8/bg.gif' ; //网页背景图片
$bodyb gcolo r=' '#fffff f' ; //网页背景颜色
$head1 bgpic = ; ' //装'饰表格1背景图片
$head1 _bgco lor= 3398C C ; //装饰表格1背景颜色
$head1 font='#fffff f' ; //装饰表格1字体颜色
$head2 bgpic =' ' ; //装饰表格2背景图片
$head2_bgco'lor='EFF'3F 5' ; //装饰表格2背景颜色
$head2 font= 0691D 6 ; //装饰表格2字体颜色
$table 1_bgc olor='#fffff f' ; //网站大表格1背景颜色
$table 2_bgc olor= #fffff f ; //网站大表格2背景颜色
$table bgcol or='#ccccc c' ; //网站表格边框颜色
$list_ son_n um='2 ' '; //对大分类栏目而言, list.php页每行显示几个子栏目
$list_ son_r ows= 8 ; //list.php页子栏目显示几行
$l i st_ son_' l'eng='50' ; //l i st.php页子栏目每行取多少个字符一个中文等于两个字符$lb_ro ws= 8 ; //最新、推荐、热门显示几行
$lb_le ng='25' ; //最新、推荐、热门每行取多少个字符一个中文等于两个字符?>
第三步制作网页模板
你在制作网页模板的时候。如果你仔细观察你会发现每个网页模板都有一定的格式格如下
开头都是
<!--
<?print <<<EOT
-->
结尾都是
<!--
EOT;
?>
-->
所以我们制作我们自己的风格的时候。先在我们的静态网页的开头和结尾加上上面的逻辑符然后保存。可以说现在我们已经做好了一个最简单的模板只是他还不能调用数据库动态的显示我们需要的内容。也就我们还没有加入我们一开始讲解的$label [**]标签。下面我们在我们需要的地方加入一个$lab e l [b001] 然后我们保存。把他命名为inde x .htm或者head.h t m或者foot.h t m(命名根据你想让这个网页代表一个网页的中间部分还是头部。还是底部而定。 )我们这里把他命名为i ndex.htm。我们希望他代表一个完整网页的中间部位。命名完成之后我们把这个index .htm放到Templ ate/my168 home/下面。 ,如果你的网页里面有图片文件 比如你的静态网页文件里面图片的路径是这样的 pic/logo.gif。那么你在模板文件里需要把这些图片的路径都相应的换成诸如 {$n_pat h}image s/php168home /logo.gif的格式。其中{$n_pat h}代表根目录image s代表所有图片存放的目录。my168home是我们要制作的风格所存放的文件夹的名字。Logo.gif就是图片的名字。好了一个最简单的风格就制作好了。你要问了那么我们刚才插入的标签$label [b001]显示什么呀我怎么让他显示我想显示的内容呀好的接着往下看。现在请你登陆后台。 呵呵当然我们认为你已经成功安装了php 168整站系统。
在后台找到系统操作>>网站核心设置>>网站默认色彩风格。你会发现有我们刚才的制作的my 168。好的选择my1 68。到首页刷新一下如果没有什么问题你可以看到你的风格已经展现在你的眼前了。然后找到风格/模板设置>>模板标签设置你会在看到右边有一个
my168风格。他的下面有如下内容
首页模板i ndex .htm(my 168 )添加/修改内容修改模板(代码方式)修改模板(可视化)点击添加/修改内容你会看到有个红色的添加标签参数。 若为红色代表没有设置参数内容若为蓝色代表已经添加了参数内容看看旁边有个$l abe l [b001] ,点击继续按照页面提示进行设置就可以显示你需要的内容了。
如果你想在你的网页模板中加入想默认风格一样的登陆表单。你只需要在所在页面先加入如下代码
<scrip t langu age=JavaS cript >rr=Math.rando m() ;docum ent.write ("<scrip t src=' {$N_pat h}index_tpl.php?java="+rr+"' ><\/scrip t>") ;</scrip t>
然后在你需要的位置加入登陆代码
<form name=form1 actio n={$N_pat h}login .php metho d=post>
<scrip t>if(lfjid !=' ' ) {docum ent.write (' ◎欢迎你 <b><font color ="#FF000 0">'+lfjid +'</font></b>回来! ' ) ;do'cum ent.write (' <a href="{$N_pat h}myinf o.php" targe t=_blan k>个人管理中 心</a> ) ;if(newpm==' 1' ) {docum ent.write ('<bgsou nd"src={$N_pat h}image s/defau lt/msg."wav loop=1>' ) ;docum ent.write ( <a href= {$N_pat h}pm.php?job=recei vebox targe t=_blan k><fontcolor =red>你有新的消息</font></a>' ) ;
}else{docum ent.write (' <a href="{$N_pat h}pm.php?job=write "targe t=_blan k>短信中心</a>' ) ;
}docum ent.write (' <a href="{$N_pat h}searc h.php">高级搜索</"a>' ) ;docum ent.write ( <a href= {$N_pat h}login .php?actio n=quit >安全退出</a>' ) ;}else{docum ent.write (' <a href="{$N_pat h}regis ter.p"hp">免费注册</a>' ) ;docum ent.write ( <a href= {$N_pat h}login .php targe t=_blan k>会员登录</a>' ) ;docum ent.write (' '用户名:<input class =butto n size=12 name=login user>' ) ;docum ent.write (密码:<input class =butto n type=passw ord size=12 name=loginpwd>' ) ;docum ent.write (' <input clas"s =butto"n type=s"ubmi"t value =通"行"证name=login 22>' ) ;docum ent.write ('<input type= hidde n name= step value =2 >' ) ;
}
</scrip t>
</form>
即可。如果你希望做个导航菜单加入以下代码
导航菜单的代码如下
<a href="{$N_pat h}" class =headm enu>网站首页</a> {$logo_word}
以上的一些代码你可以研究一下默认模板的代码直接从默认模板里面取得。是比较简单
的。
更为复杂的逻辑符稍后进行介绍。
另外你的静态网页里面可能包含css样式表。你可以直接复制放到c ss.htm文件里面。 你制作的c ss.htm可以直接复制默认模板的c ss.htm文件添加相关c ss样式就可以了。
***********************************************************
附官方风格教程
一个模板的制作分五步曲
===================================第一步(插标签)============
向静态网页中适当的位置,就是你要显示内容的位置,插入标签$l abe l [abc]
其中abc是举例,只能是任何纯英文或英文+数字,不允许数字+英文,值得注意的是每个标签都不能雷同的
======================第二步(加入头尾标志符)================
用记事本打开静态网页,比如ind ex.htm
在第一行即是头部插入如下代码
<!--
<?print <<<EOT
-->
再往尾部即是结尾插入如下代码
<!--
EOT
?>
-->
===================================第二步(替换文字)==============
比如原来的图片目录是 mypic
现在把in dex.htm里边的 mypic /
全部替换成 $usr_s tyle/
====================第四步(定义风格英文标名称)===================
这一步为这个模板定义一下英文标志,比如mysty le
把当前的图片目录my pic改名为myst yle放在整站ima ges/目录下
在temp late目录下建一个目录名my style
把inde x.htm放在templ ate/mysty le/目录下
在php1 68/style /目录里创建一个mys tyle.php的文件,就是风格配置'文件,
里边插入如代码(其中ari tc代表是文章系统专用风格, $style file= mysty le' ;这是风格标志,一定要写,不能搞错)
<?
$style file='mysty le' ';
$style name=示例模板;
$style_web='artic ' ;
?>
好了,保存起来,一个最简单的模板就做好了,然后在整站后台为这个模板显示设置相关参数,
===================================第五步(设置显示参数)=============
进入后台
风格/模板设置-》模板标签设置
选择你的风格模板往里边设置参数
要启用,请
系统操作-->主页专用风格
选出你做的风格设置为主页专用风格
=====================================================================
virmach这是第二波出这种一次性周期的VPS了,只需要缴费1一次即可,用完即抛,也不允许你在后面续费。本次促销的是美国西海岸的圣何塞和美国东海岸的水牛城,周期为6个月,过后VPS会被自动且是强制性取消。需要临时玩玩的,又不想多花钱的用户,可以考虑下!官方网站:https://www.virmach.comTemporary Length Service Specials圣何塞VPS-一次性6个...
大硬盘服务器、存储服务器、Chia矿机。RackNerd,2019年末成立的商家,主要提供各类KVM VPS主机、独立服务器和站群服务器等。当前RackNerd正在促销旗下几款美国大硬盘服务器,位于洛杉矶multacom数据中心,亚洲优化线路,非常适合存储、数据备份等应用场景,双路e5-2640v2,64G内存,56G SSD系统盘,160T SAS数据盘,流量是每月200T,1Gbps带宽,配5...
对于一般的用户来说,我们使用宝塔面板免费版本功能还是足够的,如果我们有需要付费插件和专业版的功能,且需要的插件比较多,实际上且长期使用的话,还是购买付费专业版或者企业版本划算一些。昨天也有在文章中分享年中促销活动。如今我们是否会发现,我们在安装宝塔面板后是必须强制我们登录账户的,否则一直有弹出登录界面,我们还是注册一个账户比较好。反正免费注册宝塔账户还有代金券赠送。 新注册宝塔账户送代金券我们注册...