推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

查看: 1121|回复: 0

[php168教程] php168(仿站图文教程)

  [复制链接]
发表于 2018-3-5 16:36:13 | 显示全部楼层 |阅读模式
有时候大家看到许多漂亮的风格,那么如何把别人的风格改成php168的风格呢?下面给大家一个图文的教程:
第一步:保存别人的风格
.

一般的网站保存之后基本都没有什么问题了,可以打开保存的网页看看.基本和原有的网站差别不大.
当然也有可能和原先的网站差别比较大的.这多是由于样式表的问题造成的.
现在我们打开我们刚才保存的网站看看效果怎么样?

我们查看一下代码看看:
在代码里面搜索:style这个关键字.
找到下面的代码:
<style type="text/css" media="screen">
@import url("/CS_version/css/home.css");
</style>
而我们保存下来的结构是这个样子的:

显然上面的代码的css路径是不对的.
那我们改一下.我们

<style type="text/css" media="screen">
@import url("/CS_version/css/home.css");
</style>
改成:<link href="fangzhi_files/home.css" rel="stylesheet" type="text/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文件用来控制样式。

第六步:将模板里面的图片路径改为:$webdb[www_url]/images/$STYLE/
第七步:加入一些特定的代码
风格所需基本代码

*********************************
head.htm
头部特定代码
<!--
<?php
print <<<EOT
-->
<head>
<title>$titleDB[title] powered by www.php168.com</title>
<link rel="stylesheet" type="text/css" href="$webdb[www_url]/images/default/default.css">
<link rel="stylesheet" type="text/css" href="$webdb[www_url]/images/$STYLE/css.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="$titleDB[keywords]">
<meta name="description" content="$titleDB[description]">
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--//导航菜单
function guide_link(fid){
if(fid==0){
window.location.href="$webdb[www_url]/";
}else{
window.location.href='$webdb[www_url]/list.php?fid='+fid;
}
}
function killErr(){
return true;
}
window.onerror=killErr;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--//处理大分类一行两个小分类
function autoTable(div){
fs=document.getElementById(div).getElementsByTagName("TABLE");
for(var i=0;i<fs.length;i++){
fs.style.width='49.5%';
if(i%2==1){
if (document.all) {
fs.style.styleFloat="right";
}else{
fs.style.csloat="right;";
}
}else{
if (document.all) {
fs.style.styleFloat="left";
}else{
fs.style.csloat="left;";
}
}
}
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/inc.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/default.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/images/default/swfobject.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="$webdb[www_url]/php168/$fidson_menu"></SCRIPT>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('<div class="wrap">');
//-->
</SCRIPT>

______________________
尾部特定代码
<!--
EOT;
?>
-->
********************************
index.htm
头部特定代码
<!--
<?php
print <<<EOT
-->
_________________
尾部特定代码
<!--
EOT;
?>
-->


********************************
foot.htm
头部特定代码
<!--
<?php
print <<<EOT
-->
_____________________________________
尾部特定代码
<SCRIPT LANGUAGE="JavaScript">
<!--//目的是为了做风格方便
document.write('</div>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
clickEdit.init();
//-->
</SCRIPT>
</body>
</html>
<!--
EOT;
?>
-->

**************************
list.htm
头部特定代码
<!--
<?php
$listdb_pic=ListPic($rows=4,$leng=30); //图片主题
$listdb_pic || $hide_listpic='none'; //不存在图片主题的话.要把图片主题的边框隐藏
$listdb || $hide_listnews='none'; //如果是大分类的话,就不存在标题,就把标题框隐藏
print <<<EOT
-->
___________________

尾部特定代码
<!--
EOT;
?>
-->

****************************

bencandy.htm

头部特定代码
<!--
<?php
print <<<EOT
-->
尾部特定代码
<!--
EOT;
?>
-->




  1. LOGOL下导航代码:

  2. <!--
  3. EOT;
  4. $detail=explode("\r\n",$webdb[guide_word]);
  5. foreach($detail AS $key=>$value){
  6. list($name,$url,$blank,$color)=explode("|",$value);
  7. if(ereg("^\/",$url)){
  8. $url="$webdb[www_url]$url";
  9. }elseif(!ereg("://",$url)){
  10. $url="$webdb[www_url]/$url";
  11. }
  12. $blank=$blank?"_blank":'';
  13. $color=$color?"$color":'';
  14. print <<<EOT
  15. -->
  16. <a href="$url" target="$blank" style="color:$color;">$name</a>
  17. <!--
  18. EOT;
  19. }
  20. print <<<EOT
  21. -->
  22. **********************************
  23. 登陆代码:
  24. 在TABLE之间加 id="toplogin"
  25. <SCRIPT src="$webdb[www_url]/hack.php?hack=login&job=js"></SCRIPT>
  26. **********************************
  27. 首页栏目导航:
  28. <script src="jsarticle.php?fid=0&type=sonfid&rows=15"></script>
  29. **********************************
  30. 搜索代码:

  31. <form name="formsearch" method="post" action="$webdb[www_url]/search.php?job=search">
  32. <tr> <TD width=120><IMG height=29 src="images/search_s2.gif"
  33. width=114></TD>
  34. <td> 关键字:<input type="text" name="keyword" size="30">类  型:
  35. <select name="type">
  36. <option value="article" selected>文章</option>
  37. <option value="photo">图片</option>
  38. <option value="down">下载</option>
  39. <option value="shop">商品</option>
  40. <option value="flash">FLASH</option>
  41. <option value="mv">视频</option>
  42. <option value="log">日志</option>
  43. </select>
  44. <input type="submit" name="Submit32" value="搜索">
  45. </td>
  46. </tr>
  47. </form>
  48. ***************************************



  49. **********************************
  50. 友情联接:

  51. <div class="imgfriendlink">
  52. <!--
  53. EOT;
  54. foreach($friendlinkDB[1] AS $key=>$rs){
  55. print <<<EOT
  56. -->
  57. <A HREF="$rs[url]" target=_blank><img alt="名称:$rs[name]\r\n描述:$rs[descrip]" src="$rs[logo]" width="88" height="31" border=0></A>
  58. <!--
  59. EOT;
  60. }
  61. print <<<EOT
  62. -->
  63. </div>
  64. <div class="wordfriendlink"><!--
  65. EOT;
  66. foreach($friendlinkDB[0] AS $key=>$rs){
  67. print <<<EOT
  68. -->
  69. <A HREF="$rs[url]" target="_blank" title="描述:$rs[descrip]">$rs[name]</A>
  70. <!--
  71. EOT;
  72. }
  73. print <<<EOT
  74. --></div>
  75. *******************************

  76. 底部版权:
  77. 在TABLE之间加id="footer"
  78. <tr>
  79. <td align="center">$webdb[copyright]<br>
  80. Copyright@{$webdb[weburl]} all rights reserved <a href="http://www.miibeian.gov.cn" target="_blank">{$webdb[miibeian_gov_cn]}</a>
  81. <br>
  82. Powered by <a href="http://www.php168.com" target="_blank">PHP168 {$php168_Edition}</a>
  83. Code © 2003-07 <a href="http://www.php168.com/bbs" target="_blank">PHP168CMS</a>
  84. </td>
  85. </tr>


  86. **********************************
  87. 位置导航:
  88. 您当前的位置{$GuideFid[$fid]}

  89. **********************************

  90. LIST相关栏目:
  91. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=sonfid&rows=15"></script>

  92. **********************************

  93. LIST热门文章:
  94. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=hot&rows=$webdb[JsListRows]&leng=$webdb[JsListLeng]"></script>

  95. **********************************
  96. LIST推荐文章:
  97. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=com&rows=$webdb[JsListRows]&leng=$webdb[JsListLeng]"></script>
  98. ****************************************************************************************************************
  99. LIST分类内容:
  100. <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="dragTable" style="display:$hide_listpic">
  101. <tr>
  102. <td class="head">
  103. <h3 class="L"></h3>
  104. <span class="TAG">图片主题</span>
  105. <h3 class="R"></h3>
  106. </td>
  107. </tr>
  108. <tr>
  109. <td class="middle">
  110. <!--
  111. EOT;
  112. foreach($listdb_pic AS $key=>$rs){
  113. print <<<EOT
  114. -->
  115. <div class="listpic">
  116. <p class=img><a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]"><img width="120" height="90" src="$rs[picurl]" border="0"></a></p>
  117. <p class=title><A HREF="bencandy.php?fid=$rs[fid]&id=$rs[aid]" title='$rs[full_title]'>$rs[title]</A></p>
  118. </div>
  119. <!--
  120. EOT;
  121. }
  122. print <<<EOT
  123. -->
  124. </td>
  125. </tr>
  126. <tr>
  127. <td class="foot">
  128. <h3 class="L"></h3>
  129. <h3 class="R"></h3>
  130. </td>
  131. </tr>
  132. </table>
  133. <div id="AutoRows">
  134. <!--
  135. EOT;
  136. foreach($listdb_moresort AS $key=>$rss){
  137. print <<<EOT
  138. -->
  139. <table border="0" cellspacing="0" cellpadding="0" class="dragTable" width="100%">
  140. <tr>
  141. <td class="head">
  142. <h3 class="L"></h3>
  143. <span class="TAG"><a href="list.php?fid=$rss[fid]">$rss[name]</A></span>
  144. <h3 class="R"></h3>
  145. </td>
  146. </tr>
  147. <tr>
  148. <td class="middle">
  149. <ul>
  150. <!--
  151. EOT;
  152. foreach($rss[article] AS $key1=>$rs){
  153. print <<<EOT
  154. -->
  155. <li><a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]">$rs[title]</a></li>
  156. <!--
  157. EOT;
  158. }print <<<EOT
  159. -->
  160. </ul>
  161. </td>
  162. </tr>
  163. <tr>
  164. <td class="foot">
  165. <h3 class="L"></h3>
  166. <h3 class="R"></h3>
  167. </td>
  168. </tr>
  169. </table>
  170. <!--
  171. EOT;
  172. }print <<<EOT
  173. -->
  174. </div>
  175. <SCRIPT LANGUAGE="JavaScript">
  176. <!--
  177. autoTable("AutoRows");
  178. //-->
  179. </SCRIPT>
  180. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dragTable" style="clear:both;display:$hide_listnews">
  181. <tr>
  182. <td class="head">
  183. <h3 class="L"></h3>
  184. <span class="TAG">文章列表</span>
  185. <h3 class="R"></h3>
  186. </td>
  187. </tr>
  188. <tr>
  189. <td class="middle">
  190. <table width="100%" border="0" cellspacing="0" cellpadding="0" class="listarticle">
  191. <!--
  192. EOT;
  193. foreach($listdb AS $key=>$rs){
  194. $target=$rs[target]?'_blank':'_self';
  195. print <<<EOT
  196. -->
  197. <tr>
  198. <td><span class="title"><a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]" target="$target" title='$rs[full_title]'>$rs[title]</a></span>
  199. <span class="time">({$rs[posttime]})</span> </td>
  200. </tr>
  201. <!--
  202. EOT;
  203. }print <<<EOT
  204. -->
  205. </table>
  206. <div class="page">$showpage</div>
  207. </td>
  208. </tr>
  209. <tr>
  210. <td class="foot">
  211. <h3 class="L"></h3>
  212. <h3 class="R"></h3>
  213. </td>
  214. </tr>
  215. </table>
复制代码


  1. BECANDAY.htm
  2. **********************************
  3. 相关栏目代码:
  4. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=sonfid&rows=15"></script>

  5. **********************************
  6. 最新栏目代码:
  7. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=new&rows=$webdb[JsListRows]&leng=$webdb[JsListLeng]"></script>
  8. **********************************
  9. 热门栏目代码:
  10. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=hot&rows=$webdb[JsListRows]&leng=$webdb[JsListLeng]"></script>
  11. **********************************
  12. 推荐文章:
  13. <script src="$webdb[www_url]/jsarticle.php?fid=$fid&type=com&rows=$webdb[JsListRows]&leng=$webdb[JsListLeng]"></script>
  14. **********************************
  15. 内容代码:

  16. <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="dragTable" id="viewarticle">
  17. <tr>
  18. <td class="head">
  19. <h3 class="L"></h3>
  20. <span class="TAG"><a editurl='$webdb[www_url]/ajax.php?inc=bencandy&fid=$fid&id=$id&job=do'>TOP</a></span>
  21. <h3 class="R"></h3>
  22. </td>
  23. </tr>
  24. <tr>
  25. <td class="middle">
  26. <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:8px;">
  27. <tr>
  28. <td style="color:#990000;font-weight:bold;font-size:14px;" align="center">$rsdb[title]</td>
  29. </tr>
  30. </table>

  31. <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:8px;border-bottom:1px solid #ccc;">
  32. <tr>
  33. <td align="center"> [ 录入者:{$rsdb[username]} | 时间:{$rsdb[posttime]}
  34. | 作者:{$rsdb[author]} | 来源:<a href="$rsdb[copyfromurl]" target="_blank">{$rsdb[copyfrom]}</a>
  35. | 浏览:<font id="hits">{$rsdb[hits]}</font>次 ] </td>
  36. </tr>
  37. </table>

  38. <table class="content" width="100%" cellspacing="0" cellpadding="0" style='TABLE-LAYOUT: fixed;WORD-WRAP: break-word'>
  39. <tr>
  40. <td align="left" class="content_word">$rsdb[content]</td>
  41. </tr>
  42. </table>

  43. <table width="100%" border="0" cellspacing="0" cellpadding="0" style='TABLE-LAYOUT: fixed;WORD-WRAP: break-word;'>
  44. <tr>
  45. <td colspan="2" align="center" class="page">$showpage</td>
  46. </tr>
  47. <tr>
  48. <td width="48%" align="left">[<a href="$webdb[www_url]/job.php?job=next_page&fid=$fid&aid=$id"& gt;下一篇</a>]<a href="$webdb[www_url]/job.php?job=next_page&fid=$fid&aid=$id" title="$backdb[title]">$backdb[subject]</a></td>
  49. <td width="52%" align="right">[<a href="$webdb[www_url]/job.php?job=back_page&fid=$fid&aid=$id"& gt;上一篇</a>]<a href="$webdb[www_url]/job.php?job=back_page&fid=$fid&aid=$id" title="$nextdb[title]">$nextdb[subject]</a></td>
  50. </tr>
  51. </table>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td class="foot">
  56. <h3 class="L"></h3>
  57. <h3 class="R"></h3>
  58. </td>
  59. </tr>
  60. </table>
  61. <!--
  62. EOT;
  63. $webdb[showComment] && $fidDB[allowcomment] && require html("comment");
  64. print <<<EOT
  65. -->

  66. ********************************************
  67. 时间代码:
  68. <SCRIPT language=JavaScript type=text/JavaScript>
  69. var day="";
  70. var month="";
  71. var ampm="";
  72. var ampmhour="";
  73. var myweekday="";
  74. var year="";
  75. mydate=new Date();
  76. myweekday=mydate.getDay();
  77. mymonth=mydate.getMonth()+1;
  78. myday= mydate.getDate();
  79. myyear= mydate.getYear();
  80. year=(myyear > 200) ? myyear : 1900 + myyear;
  81. if(myweekday == 0)
  82. weekday=" 星期日 ";
  83. else if(myweekday == 1)
  84. weekday=" 星期一 ";
  85. else if(myweekday == 2)
  86. weekday=" 星期二 ";
  87. else if(myweekday == 3)
  88. weekday=" 星期三 ";
  89. else if(myweekday == 4)
  90. weekday=" 星期四 ";
  91. else if(myweekday == 5)
  92. weekday=" 星期五 ";
  93. else if(myweekday == 6)
  94. weekday=" 星期六 ";
  95. document.write(myyear+"."+mymonth+"."+myday+" "+weekday);
  96. </SCRIPT>
复制代码



本版积分规则

关闭

推56站长论坛推荐上一条 /1 下一条

站长QQ
在线咨询
咨询热线
QQ:405327411
站长

QQ|关于我们|联系我们|免责声明|网站导航|站长论坛 ( 豫ICP备11018337号-5 )

王宝臣旗下网站 推56论坛(www.tui56.com)站长论坛 SEO论坛 网络营销论坛 新手站长论坛 网络推广论坛 站长社区 站长网

Powered by Discuz! X3.4 Licensed

©2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表