:::

即時空品測站資訊看板


套件名稱: 即時空品測站資訊看板 1
作者 : tad
模組網站 : 1.0

即時空品測站資訊看板 更新說明

即時空氣品質資訊正式釋出

「 即時空品測站資訊看板 」簡介

這是行政院環境保護署提供的「即時空品測站資訊看板」,不過,原來的看板寬度是320,有點太大,也沒有自適應,故動了點手腳,將之稍微縮小了 80%,讓網站可以將之塞入而不破版。

其中若要調整位置,請修改site編號,編號可至 https://airtw.epa.gov.tw/CHT/WebWidgetSetting.aspx 產生語法後即可看到。

若要調整寬度,請依320為依據,縮小 0.8 時,wrap的寬度就是256px,縮小為 0.9 的話(下方也要改為0.9),wrap的寬度就是288px,依此類推。

安裝方式

  1. 到區塊管理,新增一個自訂區塊。
  2. 將底下內容貼到自訂區塊中
    <div id="wrap">
        <iframe id="pm25" src='https://airtw.epa.gov.tw/AirQuality_APIs/WebWidget.aspx?site=67' scrolling='no' title='即時空品測站資訊看板'></iframe>
    </div>
    <style>
        #wrap {
            width: 256px;
            height: 320px;
            padding: 0;
            overflow: hidden;
        }
    
        #pm25 {
            width: 320px;
            height: 400px;
            border: none;
        }
    
        #pm25 {
            -ms-zoom: 0.8;
            -moz-transform: scale(0.8);
            -moz-transform-origin: 0 0;
            -o-transform: scale(0.8);
            -o-transform-origin: 0 0;
            -webkit-transform: scale(0.8);
            -webkit-transform-origin: 0 0;
        }
    </style>
  3. 內容類型請設為HTML
  4. 位置建議放在 左邊

即時空品測站資訊看板 更新項目

即時空品測站資訊看板 1 (2020-03-11 09:15:00 起被下載 463 次)

即時空氣品質資訊正式釋出

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_modules%2Findex.php%3Fmodule_sn%3D118%26update_sn%3D1398

線上使用者

99人線上 (58人在瀏覽模組控制台)

會員: 0

訪客: 99

更多…