woff 發表於 2010-5-3 12:30:40

Netyea套件模板修改

官方網站:http://www.netyea.com

由於作者使用的是smarty的技術
所以使用者只要會HTML及CSS程式語法就可以修改首頁配置
網路上免費模板多的不勝其數,只要拿其免費模板修改套入其參數即可
先介紹一下免費模板的網址
**** Hidden Message *****

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

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

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

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

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

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

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

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

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

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

在joinus.htm檔案裡<form action="joinus.php" method="post" onSubmit="return chkinput(this);">
<table width="600" cellpadding="0" cellspacing="2" border="2" align="center">
<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這檔案
這是排版的程式語法,這裡面有wrapper
header
left
content
footer
五個標籤,這很重要,這標籤表示
wrapper是包覆網頁所有大小規格的宣告
headder是包覆網頁頁首大小規格的宣告
letf是包覆網頁左側大小規格的宣告
content是包覆網頁中心內容大小規格的宣告
footer是包覆網頁頁尾大小規格的宣告

再來就是導覽列(文章分類)的部份ol {
margin:0;
padding:0;
background:url(../templates/images/green1.gif);
width:100%;
}
ul {
width:100%;
background:#000 1px solid;
}
li, li a {
border-bottom:#aaa 0px solid;
list-style:none;
margin:0px;
padding:0px;
text-decoration:none;
color:#FFFFFF;
}
li.mainmenu {
float:none;
list-style:none;
margin:0px;
padding:0.3em 0em;
position:relative;
background:url(../templates/images/green.gif);
width:8em;
border:1px #FFFFFF solid;
font-size:14pt;
text-align:left;
}
li.mainmenu a {
color:#ffffff;
}
ul.level1 {
display:none;
position:absolute;
left:0em;
top:0em;
}
li.mainmenu:hover ul.level1 {
display:block;
}
li.submenu {
border:#fff 1px solid;
list-style:none;
width:9.3em;
margin-left:9.3em;
padding:0.5em 0em;
position:relative;
background:url(../templates/images/green.gif);
font-size:12pt;

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

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

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

abb987654 發表於 2011-11-30 01:00:54

非常感謝樓主,樓主萬歲萬歲萬萬歲!

woff 發表於 2012-10-27 17:16:14

{:5_4:}牛X海海!!!

永远隔一天 發表於 2014-8-6 15:07:27



   关注下~~~

还有那就 發表於 2014-9-21 10:24:32


很可能是煮的

+赤月冥静 發表於 2014-10-29 18:43:51

好东西大家分享
爱美肌http://www.aimgam.com/

湖南lwz 發表於 2016-3-27 17:19:34

没来得急看,应该不错,先帮你顶
頁: [1]
查看完整版本: Netyea套件模板修改