TShopping
標題:
Netyea套件模板修改
[打印本頁]
作者:
woff
時間:
2010-5-3 12:30
標題:
Netyea套件模板修改
官方網站:
http://www.netyea.com
由於作者使用的是smarty的技術
所以使用者只要會HTML及CSS程式語法就可以修改首頁配置
網路上免費模板多的不勝其數,只要拿其免費模板修改套入其參數即可
先介紹一下免費模板的網址
在上面網站找到免費模版以後就可以開始修改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[idx].name}
<ul class="level1">
{section name="idx2" loop=$data[idx]}
<li class="submenu"><a href="state.php?hid={$data[idx][idx2].hid}">{$data[idx][idx2].subject}</a></li>
{/section}
</ul>
</li>
{/section}
......
{section name="net" loop=$sm_link}
<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>
{/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[net].id}">{$sm_news[net].subject} <font size="-3">({$sm_news[net].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
非常感謝樓主,樓主萬歲萬歲萬萬歲!
作者:
woff
時間:
2012-10-27 17:16
牛X海海!!!
作者:
永远隔一天
時間:
2014-8-6 15:07
关注下~~~
作者:
还有那就
時間:
2014-9-21 10:24
很可能是煮的
作者:
+赤月冥静
時間:
2014-10-29 18:43
好东西大家分享
爱美肌
http://www.aimgam.com/
作者:
湖南lwz
時間:
2016-3-27 17:19
没来得急看,应该不错,先帮你顶
歡迎光臨 TShopping (http://www.tshopping.com.tw/)
Powered by Discuz! X3.2