TShopping

 找回密碼
 註冊
搜索
查看: 3676|回復: 6
打印 上一主題 下一主題

[模板修改] Netyea套件模板修改

    [複製鏈接]
跳轉到指定樓層
1#
發表於 2010-5-3 12:30:40 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
官方網站:http://www.netyea.com

由於作者使用的是smarty的技術
所以使用者只要會HTML及CSS程式語法就可以修改首頁配置
網路上免費模板多的不勝其數,只要拿其免費模板修改套入其參數即可
先介紹一下免費模板的網址
遊客,如果您要查看本帖隱藏內容請回覆


在上面網站找到免費模版以後就可以開始修改Netyea套件了
(注意:使用他人模板及本套件,請標註該作者版權宣告,以免觸法,請體恤創作人的辛勞,提升一下創作者的知名度,用本套件也請不要修改底部版權宣告)
在來尋找一下資料夾,在Netyea套件裡有一資料夾
  1. ./templates
複製代碼
進入該資料夾,可看到數個檔案
先介紹一下每個檔案的功能
header.htm 就是網頁的最上方橫幅了
left.htm 網頁左側導覽列
footer.htm 網頁的底部啦
style.css 就是網頁的CSS語法編排啦(網頁排版的大功臣,縮減HTML的長篇大論)

在index.htm 是首頁
  1. {include file="header.htm"}
  2. {include file="left.htm"}

  3. {include file="footer.htm"}
複製代碼
這些請不要更動,這是把網頁頁首、左側、底部的資料崁入。

首頁一般會放入最新消息、公司沿革,所以開啟檔案可看見程式碼
  1. {section name=net loop=$sm_news}
  2. {}....
  3. {/section}

  4. {section name=net loop=$sm_news}
  5. {}....
  6. {/section}
  7. {section name=net loop=$sm_company}
  8. {}....
  9. {/section}
複製代碼
之類的.......請不要修改這些程式碼,這是smarty語法,輸出資料庫裡面資料欄位的語法
改了就抓不到資料嚕!其他HTML語法都可更動

在header.htm裡面,有放入廣告欄位
  1. {if $banner==0}
  2.    <td class="banner"></td>
  3.    {else}
  4.       <td class="banner"> <script type="text/javascript" src="../adv.php"></script> </td>
  5.    {/if}
複製代碼
這{}裡的及<script type="text/javascript" src="../adv.php"></script>都不要更動,其他都可動

在left.htm裡面,有放入導覽列(文章分類)及友情連結欄位
  1. {section name="idx" loop=$sm_class}
  2.    <li class="mainmenu">{$sm_class[idx].name}
  3.     <ul class="level1">
  4.      {section name="idx2" loop=$data[idx]}
  5.      <li class="submenu"><a href="state.php?hid={$data[idx][idx2].hid}">{$data[idx][idx2].subject}</a></li>
  6.      {/section}
  7.     </ul>
  8.    </li>
  9.    {/section}
  10. ......
  11. {section name="net" loop=$sm_link}
  12.     <li class="mainmenu"><img src="{$sm_link[net].img}" border="0"><a href="{$sm_link[net].url}" target="_blank"><font size="-2">{$sm_link[net].company}</font></a></li>

  13.     {/section}
複製代碼
一樣,{}大括弧裡面的參數不要更動,其他HTML語法都可動

在footer.htm裡面,有放入伺服器MAIL參數
  1. {$weburl}
  2. {$webname}
  3. {$email_smtp}
複製代碼
這幾各不要更動,其他都可動

在newslist.htm檔案裡
  1. {section name="net" loop=$sm_news}
  2. <tr>
  3. <td>  <a href="news.php?id={$sm_news[net].id}">{$sm_news[net].subject} <font size="-3">({$sm_news[net].date})</font></td>
  4. </tr>
  5. {/section}
複製代碼
一樣,{}大括弧裡面的參數不要更動,其他HTML語法都可動

在joinus.htm檔案裡
  1. <form action="joinus.php" method="post" onSubmit="return chkinput(this);">
  2. <table width="600" cellpadding="0" cellspacing="2" border="2" align="center">
  3. <tr><td align="right">姓名:</td><td align="left"><input type="text" name="name" size="40" class="inputcss" style="background-color:#e8f4ff " onMouseOver="this.style.backgroundColor='#ffffff'" onMouseOut="this.style.backgroundColor='#e8f4ff'"><font color="red">★</font></td></tr>
複製代碼
一樣,{}大括弧裡面的參數及<form><input....>不要更動

其他檔案都大同小異...

現在介紹style.css這檔案
這是排版的程式語法,這裡面有
  1. wrapper
  2. header
  3. left
  4. content
  5. footer
複製代碼
五個標籤,這很重要,這標籤表示
wrapper是包覆網頁所有大小規格的宣告
headder是包覆網頁頁首大小規格的宣告
letf是包覆網頁左側大小規格的宣告
content是包覆網頁中心內容大小規格的宣告
footer是包覆網頁頁尾大小規格的宣告

再來就是導覽列(文章分類)的部份
  1. ol {
  2. margin:0;
  3. padding:0;
  4. background:url(../templates/images/green1.gif);
  5. width:100%;
  6. }
  7. ul {
  8. width:100%;
  9. background:#000 1px solid;
  10. }
  11. li, li a {
  12. border-bottom:#aaa 0px solid;
  13. list-style:none;
  14. margin:0px;
  15. padding:0px;
  16. text-decoration:none;
  17. color:#FFFFFF;
  18. }
  19. li.mainmenu {
  20. float:none;
  21. list-style:none;
  22. margin:0px;
  23. padding:0.3em 0em;
  24. position:relative;
  25. background:url(../templates/images/green.gif);
  26. width:8em;
  27. border:1px #FFFFFF solid;
  28. font-size:14pt;
  29. text-align:left;
  30. }
  31. li.mainmenu a {
  32. color:#ffffff;
  33. }
  34. ul.level1 {
  35. display:none;
  36. position:absolute;
  37. left:0em;
  38. top:0em;
  39. }
  40. li.mainmenu:hover ul.level1 {
  41. display:block;
  42. }
  43. li.submenu {
  44. border:#fff 1px solid;
  45. list-style:none;
  46. width:9.3em;
  47. margin-left:9.3em;
  48. padding:0.5em 0em;
  49. position:relative;
  50. background:url(../templates/images/green.gif);
  51. font-size:12pt;

  52. }
  53. li.submenu:hover {
  54. background-color:#75C223;
  55. }
複製代碼
如果你懂CSS,就可以清楚的知道這是直式導覽列
如果喜歡橫式也可改成橫幅導覽列
這不多做說明,想改就看一下CSS,幾十分鐘就學會了

大致上,如果首頁要好看,就看個人功力了

如果你不想這麼辛苦學習HTML或CSS,你可直接與Netyea套件公司聯絡
花排版費用就可把漂漂亮亮的網站原始碼帶回去

 

臉書網友討論
2#
發表於 2011-11-30 01:00:54 | 只看該作者
非常感謝樓主,樓主萬歲萬歲萬萬歲!  

版主招募中

3#
 樓主| 發表於 2012-10-27 17:16:14 | 只看該作者
牛X海海!!!


4#
發表於 2014-8-6 15:07:27 | 只看該作者


   关注下~~~


5#
發表於 2014-9-21 10:24:32 | 只看該作者

  很可能是煮的


6#
發表於 2014-10-29 18:43:51 | 只看該作者
好东西大家分享
爱美肌http://www.aimgam.com/


7#
發表於 2016-3-27 17:19:34 | 只看該作者
没来得急看,应该不错,先帮你顶


*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-24 09:51 , Processed in 0.112636 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表