線上操作知識庫

技術資料庫首頁 技術資料庫首頁
關鍵字搜尋 依照分類瀏覽
如何更改開店系統上的背景圖及置換上方Flash圖檔

如何更改開店系統上的背景圖及置換上方Flash圖檔

1.當您安裝好開店系統之後,接下來的動作就是要把預設的版面換成自行設計的店家風格,首要就是修改背景圖及顏色。

2.修改背景圖及顏色前,您最好要有點HTML語言的基礎,才懂得程式架構如何,該修改哪一方面,基本上要更換背景圖只須要修改template.html檔。

3.首先運用Frontpage 或記事本等軟體,開啟主機public_html/template.html檔進行修改,您可於程式碼中找到如以下<body>..程式碼,這段 程式碼定義了網站的對齊方式、背景顏色background-color、背景圖片background-image。在HTML格式中,顏色的表示使用十六進位,background:#FFFFFF代表了白色,現在我們將它修改成粉紅色#FFCCCC。
原始檔如下:
<body topmargin="0" leftmargin="0" style="text-align: right; background-color:#FFFFFF; background-image:url('images/bg.gif')">
修改後如下:
<body topmargin="0" leftmargin="0" style="text-align: right; background-color:#FFCCCC">

【預覽圖】

4.若您是要放置自行設計的背景圖(例圖檔為bg1.gif),就將檔案上傳到public_html/images底下,並將template.html檔修改成如下:
<body topmargin="0" leftmargin="0" style="text-align: right; background-color:#FFFFFF; background-image:url('images/bg1.gif')">

【預覽圖】

5.另外置於頁面上的Flash圖檔也可更改為自己商店的Flash或是圖檔,方法也很簡單,您只要事先將製作完成的flash檔或圖片檔上傳至您的主機public_html底下,並將template.html檔開啟,找到以下程式碼,將紅色字部分檔名置換成您的flash檔即可。
原始檔如下:
<tr class="header">

<td colspan="2">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="174">
<param name="movie" value="top.swf">
<param name="quality" value="high">
<embed src="top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="778" height="174"></embed>
</object></td>
</tr>
修改後如下:
 <tr class="header">

<td colspan="2">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="174">
<param name="movie" value="mytop.swf">
<param name="quality" value="high">
<embed src="mytop.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="778" height="174"></embed>
</object></td>
</tr>
6.若只想放上靜態的圖檔,只須在同樣的原始檔程式碼裡,加入以下 紅色部分程式碼及檔名即可:
<tr class="header">

<td colspan="2">
  <img src="mytop.gif">
</td>
</tr>

【預覽圖】

其他相關技術知識
附加參考檔案
無任何附件檔案.

網站規劃 技術知識管理系統

本智庫內上刊載的所有內容,包括但不限於文字報導、照片、影像、插圖、錄音片、影音片、檔案、網站畫面的安排、網頁設計等素材,均受到中華民國著作權法及國際著作權法律的保障,相關智慧財產權包括但不限於商標權、專利權、著作權、營業秘密與專有技術等。

本智庫內上刊載的所有內容,在未取得本公司書面許可之前,完全禁止引用變更、發行、播送、轉賣、重製、改作、散布、表演、展示或利用伸昌電腦有限公司線上所屬網站上局部或全部內容及服務以賺取利益。

伸昌電腦有限公司 版權所有 © 2006 SHENCHANG COMPUTER CO.,LTD. All Rights Reserved.