• 模板修改


  •  {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程式語法就可以修改首頁配置
    網路上免費模板多的不勝其數，只要拿其免費模板修改套入其參數即可
    先介紹一下免費模板的網址
    http://www.oswd.org/

    http://www.freecsstemplates.org/

    http://www.cuzweb.com/freetemplates.php

    http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/

    http://bestmoban.com/

    http://www.mytemplatebox.com/




    在上面網站找到免費模版以後就可以開始修改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

     

     

     

  • NetYea, RWD, 可適應式網站, 模板修改
NetYea 客服 NetYea 客服
NetYea 客服