我是新手齐博教程

我是新手，在此恳求P8能有个这样的视频教程！同意的朋友可以顶下！有时候大家看到许多漂亮的风格,那么如何把别人的风格改成php168的风格呢?下面给大家一个图文的教程:第一步:保存别人的风格.一般的网站保存之后基本都没有什么问题了,可以打开保存的网页看看.基本和原有的网站差别不大.当然也有可能和原先的网站差别比较大的.这多是由于样式表的问题造成的.现在我们打开我们刚才保存的网站看看效果怎么样?我们查看一下代码看看:在代码里面搜索:style这个关键字.找到下面的代码:import url(/CS_version/css/home.css);而我们保存下来的结构是这个样子的:显然上面的代码的css路径是不对的.那我们改一下.我们把import url(/CS_version/css/home.css);改成:再看看,还是不行.那肯定还是样式的问题.我们打开fangzhi_files/home.css这个文件看看:最上面两行是这样的:import url( /CS_version/Css/cs_home.css );import url( /CS_version/css/validform.css );原来他在home.css这个文件里面又导入了其他两个css文件.但是很明显路径又错了.我们改一下路径,改成下面的样子.import url(cs_home.css );import url(validform.css );之后保存home.css这个文件.再来看看保存的网页,有点像了:)但是还有一些图片不能正常显示.这次你应该知道了,肯定是路径问题.好,那么到home.css文件(还包括cs_home.css和validform.css)里面看看,我们会发现诸如:BACKGROUND-IMAGE: url(/CS_version/CS_img/home/logo_mid.gif); 里面的路径/CS_version/CS_img/home/logo_mid.gif都改为logo_mid.gif,即去掉/CS_version/CS_img/home/.因为现在所有图片和css文件在同一级目录里面.当然你可以根据实际情况修改这个目录.再刷新看看,但是还有些图片不能正常显示.那么我们就要考虑有可能没有把部分图片保存下来.那么直接到原来网站保存对应图片到css文件所在目录.再看看第二步:去除保存下来的网页里面无用的内容(包括网站内容,无用的html代码,无用的js代码,无用的超级链接等),把地方留出来,因为这些地方我们要用php168的标签来动态的调用网站的内容.第三步:分解刚才处理好的网页为三个文件:head.htm(网页头部，一般在这个部分放置登陆表单，导航菜单，logo，等等)index.htm(网页主体，一般在这个部分用标签调用网站各个栏目的内容等等)foot.htm(网页底部，一般在这个部分显示一些版权信息)第四步:在去除内容的地方加入标签$label*,其中*是以字母开头的字母和数字的任意结合.这个$label*可以加到head.htm，index.htm，foot.htm，list.htm，bencandy.htm中。注.标签$label*是什么东西？我们打个比方来说明一下。比如你现在有一个漂亮的静态网页框架。你想把这个漂亮的静态网页框架作成动态网页，以方便内容的添加及更改。那么你只需要在要显示内容的地方添加诸如$label*的标签。然后再做简单的处理。那么原来漂亮但是简单的静态网页就会变成功能强大的动态网站。而且美丽依旧。简单的说，这个标签$label*就象一个旗帜，他插在网页的不同部位。我们可以用这个旗帜显示文章的列表。也可以用他来显示几行几列的图片列表。还可以用他来显示falsh，幻灯片图片，文字+部分内容列表等等。我们还可以用他来显示一些插件，比如：天气预报，搜索引擎，投票栏目等等。第五步:风格的制作上面我们简单的说了一下标签$label*。我们说他象一面旗帜，可以插在不同的位置显示不同的内容。那么我们有了旗帜，要往哪里放呢？下面我们来介绍一下插放这些标签的地方-网页模板文件。网页模板总的分为php168默认风格模板和自己制作的风格模板。他们都放在template文件夹下面。其中template/default/为默认模板存放的地方。因为是默认的所以我们尽量不要改动他.主要默认模板文件说明：alonepage.htm（独立页面模板）bencandy.htm（内容页面模板）comment.htm（评论页面模板）comment_ajax.htm（评论ajax页面模板）guestbook.htm（留言本页面模板）list.htm（列表页面模板）login.htm（登陆页面模板）post.htm（发布页面模板）refreshto.htm（跳转页面模板）reg.htm（注册页面模板）search.htm（搜索页面模板）showerr.htm（指示提示页面模板）splist.htm（专题列表页面模板）spshow.htm（专题内容页面模板）vote.htm（投票页面模板）以上是主要的模板文件。你可以根据你的需要制作自己的模板，不一定全部制作。一般主要制作head.htm，index.htm，foot.htm，bencandy.htm，list.htm就基本可以满足需要了。当浏览着浏览你的网页的时候，你制作的模板就会呈现给浏览者，而你没有制作的模板系统会调用默认的模板文件。当然一个网页里面可能包括图片文件。这些图片文件被放置在images文件夹下面。默认风格里面的图片被放置在images/default/下面。当然，一个网页模板还需要一些css样式控制。这些样式一般放置在对应的图片文件夹里面。例如images/default/default.css另外还有一个php文件用来定义这些风格，以便在后台可以自由切换。这些风格控制文件是一个个的.php文件。都放在php168/style/下面。例如默认的为：php168/style/default.php那我们要创建自己的风格怎么办呢？好，下面我我们举个例子说明一下：比如我想创建一个风格。这个风格好比我们的孩子。我们为了以后方便称呼和调用他，我们肯定需要给这个风格起一个名字。我们回顾一下上面一个段落里面默认风格的格式。我们会发现，一个风格模板应该包含三个部分。即：Tempalte/default/存放风格模板的网页文件 Images/default/存放风格模板中用到的图片文件 Php168/style/default.php定义这些风格 那么你可以新建一个风格模板应该放在下面格式的文件夹里面：Template/my168home/这个里面放网页模板 Images/my168home/这个里面放网页模板用到的图片 Php168/style/my168home.php 这个文件夹里面的php文件用来控制样式。第六步：将模板里面的图片路径改为：$webdbwww_url/images/$STYLE/第七步：加入一些特定的代码风格所需基本代码*head.htm头部特定代码!-?phpprint $titleDBtitle powered by !-/处理大分类一行两个小分类function autoTable(div)fs=document.getElementById(div).getElementsByTagName(TABLE);for(var i=0;i!-/目的是为了做风格方便document.write();/-_尾部特定代码-*index.htm头部特定代码!-?phpprint _尾部特定代码-*foot.htm头部特定代码!-?phpprint _尾部特定代码!-/目的是为了做风格方便document.write();/-*list.htm头部特定代码!-?php$listdb_pic=ListPic($rows=4,$leng=30); /图片主题$listdb_pic | $hide_listpic=none; /不存在图片主题的话.要把图片主题的边框隐藏$listdb | $hide_listnews=none; /如果是大分类的话,就不存在标题,就把标题框隐藏print _尾部特定代码-*bencandy.htm头部特定代码!-?phpprint 尾部特定代码-*LOGOL下导航代码:$value)list($name,$url,$blank,$color)=explode(|,$value);if(ereg(/,$url)$url=$webdbwww_url$url;elseif(!ereg(:/,$url)$url=$webdbwww_url/$url;$blank=$blank?_blank:;$color=$color?$color:;print $name !-EOT;print *登陆代码:在TABLE之间加 id=toplogin*首页栏目导航:*搜索代码： 关键字:类型:文章图片下载商品FLASH视频日志*友情联接:$rs)print !-EOT;print $rs)print $rsname!-EOT;print *底部版权: 在TABLE之间加id=footer $webdbcopyrightCopyright$webdbweburl all rights reserved $webdbmiibeian_gov_cn Powered by PHP168 $php168_Edition Code 2003-07 PHP168CMS *位置导航:您当前的位置$GuideFid$fid*LIST相关栏目:*LIST热门文章:*LIST推荐文章:*LIST分类内容: 图片主题 $rs)print $rstitle!-EOT;print $rss)print $rssname $rs)print $rstitle!-EOT;print !-EOT;print 文章列表 $rs)$target=$rstarget?_blank:_self;print $rstitle ($rsposttime) !-EOT;print $showpage */BECANDAY.htm*相关栏目代码:*最新栏目代码:*热门栏目代码:*推荐文章:*内容代码: TOP $rsdbtitle 录入者:$rsdbusername |时间:$rsdbposttime | 作者:$rsdbauthor | 来源:$rsdbcopyfrom | 浏览:$rsdbhits次 $rsdbcontent $showpage 下一篇$backdbsubject上一篇$nextdbsubject!-EOT;$webdbshowComment & $fidDBallowcomment & require html(comment);print *时间代码:var day=;var month=;var ampm=;var ampmhour=;var myweekday=;var year=;mydate=new Date();myweekday=mydate.getDay();mymonth=mydate.getMonth()+1;myday= mydate.getDate();myyear= mydate.getYear();year=(myyear 200) ? myyear : 1900 + myyear;if(myweekday = 0)weekday= 星期日 ;else if(myweekd