PhpCms模板風格:模板制作_PHPCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
默認模板存放在 ./templates/default/phpcms/ 目錄里。
      header.html、index.html、footer.html 三個模板文件。這可是模板的靈魂啊！完整頁面模板就是header index footer了.
      打開header.html如下：
      

        
    
      1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        2. 
    
      2. <html xmlns="http://www.w3.org/1999/xhtml"> 
        3. 
    
      3. <head> 
        4. 
    
      4. <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" /> 
        5. 
    
      5. <title>{$head[title]}</title> 
        6. 
    
      6. <meta content="{$head[keywords]}" name="keywords" /> 
        7. 
    
      7. <meta content="{$head[description]}" name="description" /> 
        8. 
    
      8. <base href="{SITE_URL}" /> 
        9. 
    
      9. <link href="favicon.ico" rel="shortcut icon" /> 
        10. 
    
      10. <link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" /> 
        11. 
    
      11. <script language="JavaScript" src="data/config.js"></script> 
        12. 
    
      12. <script language="JavaScript" src="images/js/jquery.min.js"></script> 
        13. 
    
      13. <script language="JavaScript" src="images/js/css.js"></script> 
        14. 
    
      14. <script language="JavaScript" src="images/js/common.js"></script> 
        15. 
    
      15. <script language="JavaScript" src="images/js/login.js"></script> 
        16. 
    
      16. <script language="JavaScript" src="images/js/validator.js"></script> 
        17. 
    
      17. </head> 
        18. 
    
      18. <body onload="menu_selected('{php echo $catid ? $catid : $mod;}')"> 
        19. 
    
      19. <div id="top"> 
        20. 
    
      20. {if isset($MODULE['search'])} 
        21. 
    
      21. {php $types = include PHPCMS_ROOT.$MODULE['search']['path'].'include/type.inc.php';} 
        22. 
    
      22. <div class="f_r"> 
        23. 
    
      23. <form name="site_search" action="{$MODULE[search][url]}" target="_blank"> 
        24. 
    
      24. <input type="hidden" name="type" value="all"/> 
        25. 
    
      25. <input type="text" name="q" size="20"/> 
        26. 
    
      26. <select> 
        27. 
    
      27. <option value="all">全部</option> 
        28. 
    
      28. {loop $types $k $name} 
        29. 
    
      29. <option value="{$k}">{$name}</option> 
        30. 
    
      30. {/loop} 
        31. 
    
      31. </select> 
        32. 
    
      32. <input type="submit" name="s" id="button" value="搜索" /> 
        33. 
    
      33. </form> 
        34. 
    
      34. </div> 
        35. 
    
      35. {/if} 
        36. 
    
      36. <div class="f_l"> 
        37. 
    
      37. <div id="div_login" style="display:block"> 
        38. 
    
      38. <form action="{$MODULE[member][url]}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {$PHPCMS[uc]});"> 
        39. 
    
      39. 用戶名：<input type="text" name="username" size="12"/> 
        40. 
    
      40. 密碼：<input type="password" name="password" size="12"/> 
        41. 
    
      41. <input type="submit" name="dosubmit" value="登錄" /> 
        42. 
    
      42. <input type="button" name="register" value="注冊" onclick="redirect('{$MODULE[member][url]}register.php')"/> 
        43. 
    
      43. <input type="hidden" name="cookietime" value="0"/> 
        44. 
    
      44. </form> 
        45. 
    
      45. </div> 
        46. 
    
      46. <div id="div_logined" style="display:none"> 
        47. 
    
      47. <span id="logined_username" class="b"></span>，<a href="{$MODULE[member][url]}">會員中心</a> | 
        48. 
    
      48. <a href="{if $PHPCMS['uc']}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登錄</a> 
        49. 
    
      49. </div> 
        50. 
    
      50. </div> 
        51. 
    
      51. </div> 
        52. 
    
      52. <div id="head"> 
        53. 
    
      53. <div id="logo"> 
        54. 
    
      54. <a href="{SITE_URL}"><img src="images/logo.gif" alt="{$PHPCMS[sitename]}" /></a> 
        55. 
    
      55. <a href="{SITE_URL}rss.php" target="_blank"><img src="images/rss.jpg" alt="rss信息聚合" /></a></div> 
        56. 
    
      56. <div class="ad" id="topbanner"><script language="javascript" src="data/js.php?id=1"></script></div> 
        57. 
    
      57. </div> 
        58. 
    
      58. <div id="menu"> 
        59. 
    
      59. <ul> 
        60. 
    
      60. <li><a href="" id="menu_phpcms"><span>首頁</span></a></li> 
        61. 
    
      61. {tag_一級欄目} 
        62. 
    
      62. <li><a href="{$MODULE[special][url]}" id="menu_special"><span>專題</span></a></li> 
        63. 
    
      63. <li><a href="{$MODULE[ask][url]}" id="menu_ask"><span>問吧</span></a></li> 
        64. 
    
      64. <li><a href="{$MODULE[search][url]}" id="menu_search"><span>搜索</span></a></li> 
        65. 
    
      65. </ul> 
        66. 
    
      66. </div> 
        67. 

      

      
打開index.html如下：
      

      

        
    
      1. <!--begin main--> 
        2. 
    
      2. <div id="main"> 
        3. 
    
      3. <!--begin left--> 
        4. 
    
      4. <div id="main_l"> 
        5. 
    
      5. <!--begin 焦點圖片，新聞--> 
        6. 
    
      6. ******************************中間部分代碼太長 此處省略處理****************************** 
        7. 
    
      7. <!--begin 全站搜索--> 
        8. 
    
      8. <!--{if isset($MODULE['search'])}--> 
        9. 
    
      9. <script type="text/javascript"> 
        10. 
    
      10. function set_type(type) 
        11. 
    
      11. { 
        12. 
    
      12. $('#type').val(type); 
        13. 
    
      13. $('#search_tag>span').removeClass('selected'); 
        14. 
    
      14. $('#type_' type).addClass('selected'); 
        15. 
    
      15. } 
        16. 
    
      16. </script> 
        17. 
    
      17. <form name="search" action="{$MODULE[search][url]}" target="_blank"> 
        18. 
    
      18. <div class="search_tag_top mar_10"> 
        19. 
    
      19. <p id="search_tag"> <span id="type_all" class="selected" onclick="set_type('all')">全部</span> {php $types = include PHPCMS_ROOT.$MODULE['search']['path'].'include/type.inc.php';} 
        20. 
    
      20. {loop $types $type $name} <span id="type_{$type}" onclick="set_type('{$type}')">{$name}</span> {/loop} </p> 
        21. 
    
      21. </div> 
        22. 
    
      22. <div class="cribox_bdr_1"> 
        23. 
    
      23. <input type="hidden" name="type" value="all" id="type"/> 
        24. 
    
      24. <input type="text" name="q" size="50"/> 
        25. 
    
      25. <input type="submit" name="s" id="button" value="搜索" /> 
        26. 
    
      26. </div> 
        27. 
    
      27. </form> 
        28. 
    
      28. <div class="cribox_btm"></div> 
        29. 
    
      29. <!--{/if}--> 
        30. 
    
      30. ******************************中間部分代碼太長 此處省略處理****************************** 
        31. 
    
      31. <!--{if isset($MODULE['link'])}--> 
        32. 
    
      32. <h4><a href="{$MODULE[link][url]}"><img src="images/more.gif" alt="更多" /></a>友情鏈接</h4> 
        33. 
    
      33. <div class="pic_txt_list_1"> {tag_logo鏈接} </div> 
        34. 
    
      34. <div class="pic_txt_list_1"> {tag_文字鏈接} </div> 
        35. 
    
      35. <!--{/if}--> 
        36. 
    
      36. </div> 
        37. 
    
      37. <!--end right--> 
        38. 
    
      38. </div> 
        39. 
    
      39. <!--end main--> 
        40. 

      

      
打開footer.html如下：
      

      

        
    
      1. <div id="foot"> 
        2. 
    
      2. <a href="">網站首頁</a>{tag_關于我們}<br /> 
        3. 
    
      3. <strong>{$PHPCMS['copyright']}</strong><br /> 
        4. 
    
      4. <a href="http://www.miibeian.gov.cn/" target="_blank">{$PHPCMS[icpno]}</a> 
        5. 
    
      5. <a href="http://www.phpcms.cn/" class="copyright" target="_blank">Powered by Phpcms 2008</a> 
        6. 
    
      6. </div> 
        7. 
    
      7. </body> 
        8. 
    
      8. </html> 
        9. 

      

      

      


      查看更多 phpcms教程  phpcms模板
      

      


      來源：模板無憂//所屬分類：PHPCms教程/更新時間：2009-05-18


      


      



      


      



      相關PHPCms教程：