這邊其實幾乎算送分了,因為主選單的內容己經在版型檔案中先做好了,連背景圖都設定好了,所以這邊唯一需要做的是把動態文字廣告的字打上去即可,這邊要注意的是動態文字廣告區的右側要留點空間給登入資訊使用。
動態文字廣告區
- 在
index.php
中加入動態文字廣告區的文字,我們使用<marquee></marquee>
標籤來完成即可 - 將
<marquee>
標籤設定為寬度80%左右。 - 使用
flex
屬性讓跑馬燈和會員登入兩個局塊可以在同一橫例中1
2
3
4
5
6<div style="display:flex">
<marquee style="width:80%">請民眾踴躍投稿電子報,讓電子報成為大家相互交流、分享的園地!詳見最新文章</marquee>
<span style="width:20%; display:inline-block;">
會員登入
</span>
</div>
頁尾版權區
- 頁尾版權區只須更改年份及QR Code圖檔的連結路徑即可。
index.php 或 front/footer.php1
2
3
4
5<div id="bottom">
本網站建議使用:IE9.0以上版本,1024 x 768 pixels 以上觀賞瀏覽 , Copyright © 2024健康促進網社群平台 All Right Reserved
<br>
服務信箱:health@test.labor.gov.tw<img src="./icon/02B02.jpg" width="45">
</div>