•    推文至Facebook 推文至Plurk 推文至Twitter
  •  
  • 模板修改
  •  

  •  {else}
     
      {/if}

     

    這{}裡的及都不要更動,其他都可動

    在left.htm裡面,有放入導覽列(文章分類)及友情連結欄位

    {section name="idx" loop=$sm_class}
     

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

    在footer.htm裡面,有放入伺服器MAIL參數

     {$weburl}
     {$webname}
     {$email_smtp}

    這幾各不要更動,其他都可動

    在newslist.htm檔案裡

     {section name="net" loop=$sm_news}
     


     
     
     {/section}

     

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

    在joinus.htm檔案裡

     

     

     
    由於作者使用的是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}
     

       
      {$sm_news[net].subject} ({$sm_news[net].date})


     

     

    一樣,{}大括弧裡面的參數及不要更動

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

    現在介紹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套件公司聯絡
    花排版費用就可把漂漂亮亮的網站原始碼帶回去

    新竹網頁設計,竹北網頁設計,竹南網頁設計,中壢網頁設計,網頁設計,免費模板,免費網頁套件,架設網站,網站架設 ,修改模板,主機代管,Android App