旺鋪裝修之自己製作滾動公告欄?

Tags: 旺鋪, 公告欄,

在很多的淘寶店鋪裡我們都能看到一些滾動的文字或者圖片等,

非常的精美實用。那麼他們是如何製作出來的呢?

現在網店裝修網就教大家來自己動手製作滾動公告欄。

製作的學習中一併學習到滾動的一些HTML代碼。

如下圖展示:

旺鋪裝修之自己製作滾動公告欄

方法/步驟

首先打開我們下載的DREAMWEAVER軟件,如下圖:

旺鋪裝修之自己製作滾動公告欄

點擊表格工具設置表格:

旺鋪裝修之自己製作滾動公告欄

在下面彈出的框裡設置表格的寬度為950像素。如果您要在左側做公告欄的話,那麼這裡的寬度就要設置190像素。

旺鋪裝修之自己製作滾動公告欄

點擊確定後,我們在對下面的表格屬性一欄裡設置高度。如下圖所示:

提示:這裡的高度是根據我們製作的表格背景圖來確定的。

旺鋪裝修之自己製作滾動公告欄

設置好高度以後,然後在背景一欄裡選擇您的圖片,如下面圖片紅色圈:

旺鋪裝修之自己製作滾動公告欄

設置好背景圖片以後,我們設置左對齊和頂端對齊,如下圖所示:

旺鋪裝修之自己製作滾動公告欄

在這裡我們設置表格中文字滾動的區域:

旺鋪裝修之自己製作滾動公告欄

我們設置的是3行3列的一個表格:

旺鋪裝修之自己製作滾動公告欄

拖住虛線框來設置區域的大小:

旺鋪裝修之自己製作滾動公告欄

然後在相應的區域裡寫入滾動的代碼,代碼如下圖所示:

旺鋪裝修之自己製作滾動公告欄

旺鋪裝修之自己製作滾動公告欄

設置好代碼後將背景圖片上傳到自己的淘寶圖片空間裡,更換背景圖地址:

旺鋪裝修之自己製作滾動公告欄

然後複製代碼到您的淘寶店鋪的自定義內容區即可:

旺鋪裝修之自己製作滾動公告欄

這樣,一個滾動字幕的公告欄就做好了。您學會了嗎?

相關問題答案