這是本站的第二個版型修改教學，我預計會分為三個部份。

果妞妞生活坊(http://gnnlife.com)是採用ecshop內建的預設版型來做修改，只改了四個地方，但是看起來感覺就不錯了，因此在這個教學裡，我想讓大家知道，如何簡易的修改ecshop預設版型。

要繼續這個教學，您會需要一個影像編輯軟體（可以是Photoshop, Fireworks或是GIMP, Paint .Net ），和一個可以編輯css的軟體（或者是網頁編輯軟體），並且需要具備有一點點的中文能力（笑）。

讓我們開始吧！首先我們看看果妞妞生活坊最上面的導覽列部份：（見圖一）

圖一：果妞妞生活網導覽列

我們可以發現他們把導覽列從藍色換成粉紅色的一張圖片了！ 那麼要怎麼才可以做到這個效果呢？

請打開您的 ecshop根目錄 -> themes資料夾 -> default 資料夾

接著打開 style.css

找到

改成

#cell-nav
{
background: url(你要放的圖檔網址) ;
height: 35px;
padding-left: 15px;
font-size: 14px;
color: white;
}

在這裡，我也弄了一張跟果妞妞一樣的背景圖案（這個請用您的繪圖軟體自己製作喔！）

所以，導航列就輕鬆的改成自己想要的顏色囉～

在果妞妞首頁上，還可以看到的是，他會員登入的圖，底色也是不同的：

圖二：果妞妞的會員登入區塊

不過這張圖就真的要自己重新製作一張，然後存進 /themes/default/images/member_login.jpg，取代掉就可以了。

最後，在首頁上方flash區，你會發現還是顯示藍色的，
這個部份則是要去把 themes/default 目錄下載回電腦，
接著開啟 index.dwt，
然後找到: