用户名 UID Email
装B啃B去
级别: 四星会员
楼主  发表于: 2007-11-07 11:43

 PW5.3风格升级到PW6.正式版风格教程![已恢复]

本来免费帮人升级风格的,由于时间问题,没办法一个一个
帮忙了~~刚好本人比较喜欢此风格,现边修改,边写出PW5.3版升级到PW6.0正式版风格的修改过程,有兴趣的朋友可照此风格修改方法修改其它风格。不保证全部可行。

此风格本来已帮论坛的朋友adian从5.3升级到6.0RC版的(http://www.xmbars.cn/read.php?tid=33809),

想不到正式版风格修改跟6.0RC完全不一样。。汗。。本想重新从PW6.0RC版升到PW6.0正式版,因为比较

方便,也有修改过几次了比较熟悉,但想到PW5.3版升级到PW6.0正式版风格的不多,所以索性重新从5.3

开始升级了~~~~此次升级是PW5.3升到PW6.0正式版。

建议先本地修改测试。此方法比较简便,高手自行闪吧,也许你的方法比我的好,

但希望少花时间在口水上,多花点时间在分享上。


首先,复制旧风格的template文件夹里相应的风格文件夹到新
风格的template文件夹


建立一个css.htm,内容为:
复制代码
  1. <!--<?php
  2. print <<<EOT
  3. -->
  4. 替换内容
  5. <!--
  6. EOT;
  7. ?>

接着查找旧风格里的
复制代码
  1. <!--css--><style type="text/css">
  2. .......
  3. </style><![endif]-->
  4. ....
  5. <![endif]-->


将此代码剪切到上面css.htm里的“替换内容”里。

将代码:
复制代码
  1. <!--
  2. EOT;
  3. require PrintEot('css');print <<<EOT
  4. -->
  5. <script language="JavaScript">
  6. var agt = navigator.userAgent.toLowerCase();
  7. var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
  8. var is_gecko= (navigator.product == "Gecko");
  9. var imgpath = '$imgpath';
  10. function getObj(id){
  11.     return document.getElementById(id);
  12. }
  13. function ietruebody(){
  14.     return (document.compatMode && document.compatMode!="BackCompat")?
  15. document.documentElement : document.body;
  16. }
  17. function IsElement(id){
  18.     return document.getElementById(id)!=null ? true : false;
  19. }
  20. function checkinput(obj,val){
  21.     if (obj.className.indexOf('gray') != -1) {
  22.         obj.value = '';
  23.         obj.className = obj.className.replace('gray', 'black');
  24.     } else if (val && obj.value=='') {
  25.         obj.value = obj.defaultValue = val;
  26.         if (obj.className.indexOf('black') == -1) {
  27.             obj.className += ' gray';
  28.         } else {
  29.             obj.className = obj.className.replace('black', 'gray');
  30.         }
  31.     }
  32. }
  33. </script>


加到header.htm里的<base href="$db_bbsurl/" />下。


查找

复制代码
  1. <div id="main">
  2. <!--
  3. EOT;
  4. ?>-->


修改为

复制代码
  1. <!--
  2. EOT;
  3. }print <<<EOT
  4. -->
  5. </div>
  6. <div id="main">
  7. <!--
  8. EOT;
  9. ?>-->


注:如改了出现错误,无法显示或出现}...错误,那可能是多了个
<!--
EOT;
}print <<<EOT
-->


则去掉一个
<!--
EOT;
}print <<<EOT
-->

打开index.htm

查找
复制代码
  1. <script language="JavaScript" src="$imgpath/Deploy.js"></script>


从上面的
复制代码
  1. </tbody>
  2. </table>
  3. </div>


下的全部内容替换为:
复制代码
  1. <!--
  2. EOT;
  3. }}if($advertdb[article] && $ads = readad($advertdb[article],$k+1,4)){print <<<EOT
  4. -->
  5. <div style="margin-bottom:5px;" class="tac">{$ads}</div>
  6. <!--
  7. EOT;
  8. }}print <<<EOT
  9. -->
  10. <script language="JavaScript" src="js/Deploy.js"></script>
  11. <div class="t">
  12. <table cellspacing="0" cellpadding="0" width="100%">
  13. <tr>
  14.     <th colspan="2" class="h"><a style="float:right" href="#" onclick="return
  15. IndexDeploy('info',0)"><img id="img_info" src="$imgpath/$stylepath/index/cate_$cate_img.gif"
  16. /></a>论坛相关</th>
  17. </tr><tr></tr>
  18. <tbody id="cate_info" style="$cate_info">
  19. <!--
  20. EOT;
  21. if($db_indexlink==1){print <<<EOT
  22. -->
  23.     <tr class="tr2"><td colspan="2">
  24. <!--
  25. EOT;
  26. if($db_ifselfshare && $groupid!='guest'){print <<<EOT
  27. -->
  28.     <a id="selfshare" style="cursor:pointer;float:right" onclick="sendmsg
  29. ('pw_ajax.php','action=sharelink',this.id)">自助友情链接</a>
  30. <!--
  31. EOT;
  32. }print <<<EOT
  33. -->
  34.     » 友情链接</td></tr>
  35. <!--
  36. EOT;
  37. if($sharelink[0] && is_array($sharelink[0])){
  38. foreach($sharelink[0] as $key=>$share){ print <<<EOT
  39. -->
  40.     <tr class="tr3"><td class="f_two tac" width="4%"><img src="$imgpath/
  41. $stylepath/index/share.gif" /></td><th class="f_one" width="96%" style="word-break: keep-
  42. all">$share</th>
  43.     </tr>
  44. <!--
  45. EOT;
  46. }}print <<<EOT
  47. -->
  48.     <tr class="tr3"><td class="f_two tac" width="4%"><img src="$imgpath/
  49. $stylepath/index/share.gif" /></td><th class="f_one" width="96%" style="word-break: keep-
  50. all">$sharelink[1]</th>
  51.     </tr>
  52. <!--
  53. EOT;
  54. }$db_indexshowbirth==1 && require_once(R_P.'require/birth.php');
  55. print <<<EOT
  56. -->
  57. </tbody>
  58. <tr class="tr4">
  59.     <td colspan="2">» 在线用户<a name="online"></a> -  共 $usertotal 人在
  60. 线,$userinbbs 位会员,$guestinbbs 位访客,最多 $higholnum 人发生在 $mostinbbstime </td>
  61. </tr>
  62. <tr class="tr3">
  63.     <td class="f_two tac" style="padding:0" width="4%"><img src="$imgpath/
  64. $stylepath/index/online.gif" /></td>
  65.     <td class="f_one tal" style="padding:15px 20px"><div>
  66. <!--
  67. EOT;
  68. foreach($showgroup as $key=>$value){
  69. if($value && (file_exists("$imgdir/$stylepath/group/$value.gif") || $db_http!='N')){print
  70. <<<EOT
  71. -->
  72.         <img src="$imgpath/$stylepath/group/$value.gif" align="absmiddle" />
  73. $ltitle[$value]       
  74. <!--
  75. EOT;
  76. }}print <<<EOT
  77. -->
  78.         <img src="$imgpath/$stylepath/group/6.gif" align="absmiddle" /> 普通会员
  79. <!--
  80. EOT;
  81. if($index_whosonline){print <<<EOT
  82. -->
  83.         <a name="online"></a> [<a href="index.php?online=no#online">关闭在线列表
  84. </a>] </div>
  85.     <div style="padding:5px 0"><hr class="hr" color="#D3EAF0" size="1"></div>
  86.     $index_whosonline
  87. <!--
  88. EOT;
  89. }else{print <<<EOT
  90. -->
  91.     <a name="online"></a> [<a href="index.php?online=yes#online">打开在线列表</a>]
  92. </div>
  93. <!--
  94. EOT;
  95. }print <<<EOT
  96. -->
  97. </td></tr></table></div>
  98. <script language="JavaScript" src="js/pw_ajax.js"></script>
  99. <!--
  100. EOT;
  101. $head_pop && require PrintEot($head_pop);
  102. ?>-->




打开footer.htm

把 $imgpath/global.js 改成 js/global.js (6.0js文件全部放在js文件夹里,所以看到$imgpath/***.js 就全部改成js/***.js )




</body></html>下加入:
复制代码
  1. <script language="JavaScript">
  2. var openmenu = {{$GLOBALS[db_menuinit]}};
  3. read.InitMenu();
  4. </script>


去掉风格选择功能(此风格有此选项,其它未必有):

复制代码
  1. | <a style="cursor:pointer;" id="td_style" onClick="click_open
  2. ('menu_style','td_style');" onMouseOver="mouseover_open('menu_style','td_style');">风格选择
  3. </a>
  4. <div id="showmenu" style="z-index:100;display:none;"></div>
  5. <div id="menu_style" class="menu" style="display:none;"><table width="120" cellspacing="1"
  6. cellpadding="5">
  7. <tr><th class="h">风格选择</th></tr>
  8. <!--
  9. EOT;
  10. if (SCR == 'thread'){
  11. $url = "thread.php?fid=$fid&page=$page&search=$search&$typeadd{$w_add}skinco=";
  12. }elseif (SCR == 'read'){
  13. $url = "read.php?tid=$tid&fpage=$fpage&page=$page&skinco=";
  14. }else{
  15. $url = "index.php?skinco=";
  16. }
  17. $fp=opendir(R_P."data/style/");
  18. while ($file=readdir($fp)){
  19. if (eregi(".php$",$file)) {
  20.   $file=str_replace(".php","",$file);
  21.   $choseskin.="<tr><td class=f_one><a href=$url$file>$file</a></td></tr>";
  22. }
  23. }closedir($fp);
  24. print <<<EOT
  25. -->
  26. $choseskin
  27. </table>
  28. </div>




打开theard.htm

查找
复制代码
  1. > 投票主题 <img src="$imgpath/$stylepath/thread/votelock.gif" /> 锁定投票
  2. </center><br />

下面的全部代码用
复制代码
  1. <script language="JavaScript">
  2. var ifcheck = true;
  3. var fid = '$fid';
  4. function CheckAll(form){
  5.     for(var i=0;i<form.elements.length-12;i++){
  6.         var e = form.elements[i];
  7.         if(e.type=='checkbox') e.checked = ifcheck;
  8.     }
  9.     ifcheck = ifcheck == true ? false : true;
  10. }
  11. function Fjump(value){
  12.     if(value!=''){
  13.         window.location=('$B_url/thread.php?fid='+value);
  14.     }
  15. }
  16. function Ajump(value){
  17.     if(value!= ''){
  18.         window.location=('$B_url/profile.php?action=show&username='+value);
  19.     }
  20. }
  21. var totalpage=$totalpage;
  22. var page=$page;
  23. if(totalpage > 1){
  24.     document.onkeydown=function(e){
  25.         var e = is_ie ? window.event : e;
  26.         var tagname = is_ie ? e.srcElement.tagName : e.target.tagName;
  27.         if(tagname == 'INPUT' || tagname == 'TEXTAREA'){
  28.             return;
  29.         }
  30.         actualCode = e.keyCode ? e.keyCode : e.charCode;
  31.         if(actualCode == 39 && page<totalpage) {
  32.             window.location = 'thread.php?fid=$fid&search={$search}&{$w_add}
  33. {$typeadd}page=' + (page+1);
  34.         }
  35.         if(actualCode == 37 && page>1){
  36.             window.location = 'thread.php?fid=$fid&search={$search}&{$w_add}
  37. {$typeadd}page=' + (page-1);
  38.         }
  39.     }
  40. }
  41. </script>
  42. <script type="text/javascript" language="JavaScript" src="js/pw_ajax.js"></script>
  43. <!--
  44. EOT;
  45. if($ajaxcheck){print <<<EOT
  46. -->
  47. <script type="text/javascript" language="JavaScript" src="js/ajax_subject.js"></script>
  48. <!--
  49. EOT;
  50. }if($foruminfo[aid]){print <<<EOT
  51. -->
  52. <script language="JavaScript" src="js/Deploy.js"></script>
  53. <!--
  54. EOT;
  55. }?>-->


替换。

read.htm就不多说了。可直接用6.0正式版的read.htm就可以了,其实thread.htm也可以直接用6.0正式版

。主要是header.htm、index.htm和footer.htm三个。其它未说到文件可删除。有问题请提出。

至此风格升级完成!演示见本论坛http://www.xmbars.cn/thread-htm-fid-31-skinco-Dimbar.html


注:header.htm里的
复制代码
  1. html{
  2.     margin-left: 0px;
  3.     margin-top: 0px;
  4.     margin-right: 0px;
  5.     margin-bottom: 10px;
  6.     margin: 0px;padding: 0px;
  7.     overflow-x : hidden;
  8.     background-color: #ffffff;
  9.     scrollbar-face-color: #212422;
  10.   scrollbar-highlight-color: #171c16;
  11.     scrollbar-shadow-color: #000000;
  12.     scrollbar-3dlight-color: #171c16;
  13.     scrollbar-arrow-color:  #171c16;
  14.     scrollbar-track-color: #171c18;
  15.     scrollbar-darkshadow-color: #171c16; 
  16.     SCROLLBAR-DARKSHADOW-COLOR: #171c16;
  17. background-color: #171c16;
  18. }

为滚动条代码,如是iframe网页则无法滚动的,需修改成:
复制代码
  1. html{
  2.     background-color: #ffffff;
  3.     scrollbar-face-color: #212422;
  4.   scrollbar-highlight-color: #171c16;
  5.     scrollbar-shadow-color: #000000;
  6.     scrollbar-3dlight-color: #171c16;
  7.     scrollbar-arrow-color:  #171c16;
  8.     scrollbar-track-color: #171c18;
  9.     scrollbar-darkshadow-color: #171c16; 
  10.     SCROLLBAR-DARKSHADOW-COLOR: #171c16;
  11. background-color: #171c16;
  12. }

转帖请注明出处!谢谢合作!


哪位PS高手帮我设计个论坛LOGO呢?
域名www.xmqclt.cn(厦门汽车论坛……)自己弄好象不好看~~毕竟没学过。。
[ 此贴被不问江湖在2007-11-10 16:33重新编辑 ]
本帖最近评分记录:
  • 威望:+1(andrew0125) 好!!!
  • 威望:+1(疯雪夜归人)
  • 威望:+3(忧伤の木蚂蚁) 原创内容-感谢您的付出
  • 威望:+1(cosh) 授人以鱼不如授人以渔
  • 威望:+3(寒武化石)
  • 威望:+3(adian218) 谢谢您为论坛所做的贡献
  • 威望:+2(fdsa16888) 感谢付出
  • 威望:+3(mywyd) 辛苦
  • 搜索更多相关文章:分格 升级
    PW才鸟
    级别: 六星会员
    1楼  发表于: 2007-11-07 11:46
    好铁 支持楼主
    PW才鸟
    级别: 六星会员
    2楼  发表于: 2007-11-07 11:46
    再占一楼
    PW才鸟
    级别: 六星会员
    3楼  发表于: 2007-11-07 11:47
    如此精美的帖子怎能不支持!!!楼主辛苦。。
    装B啃B去
    级别: 四星会员
    4楼  发表于: 2007-11-07 11:49
    Quote:
    引用第3楼mywyd于2007-11-07 11:47发表的  :
    如此精美的帖子怎能不支持!!!楼主辛苦。。

    呵呵,谢谢,希望有用`~~
    PW才鸟
    级别: 六星会员
    5楼  发表于: 2007-11-07 12:02
    绝对有用 呵呵
    我叫Candy
    级别: 四星会员
    6楼  发表于: 2007-11-07 12:13
    谢谢lz,很好的帖
    何寶生國際網站

    DVBBS原创风格下载
    级别: 初来乍到
    7楼  发表于: 2007-11-07 23:44
    没内容,支持什么.
    级别: 初来乍到
    8楼  发表于: 2007-11-08 00:28
    来慢拉  没看到  可以PM我吗?
    签名位出售
    级别: 四星会员
    9楼  发表于: 2007-11-08 01:23
    寒一个`!!
    级别: 新手上路
    10楼  发表于: 2007-11-08 01:31
    前排支持!!!!!!!!!!!!
    专业连接器设计论坛 www.conntech.cn
    级别: 一星会员
    11楼  发表于: 2007-11-08 02:13
     
    安普连接器网---专业连接器设计网站
    http://www.ampconn.com
    微子科技论坛首席执行官
    级别: 四星会员
    12楼  发表于: 2007-11-08 02:41
    支持楼主
    国内最大的私服技术论坛长期交换链接
    微子科技网游社区
    http://bbs.vzkj.com
    只负责灌水