標籤

BAT (38) shell (34) Virtual Machine (33) Xubuntu (29) acfs (25) PHP (24) CentOS (21) Virtul Box (20) 編輯器 (17) 資料庫 (15) lubuntu (13) windows (13) CPP (12) ubuntu (12) chrome (11) laravel (10) Docker (9) Python (9) 5A88 (7) VMware (6) 資料結構 (6) Javascript (5) Node (5) Proxmox VE (5) 公告系統 (5) 程式積木 (5) Android Studio (4) ANN (3) OB2D2016x64 (3) Xoops (3) clonezilla (3) samba (3) 公文 (3) 其他 (3) 硬體 (3) API (2) Android (2) AppInvent2 (2) Html (2) Hyper-V (2) Nas (2) botnet (2) mbot (2) swift (2) wordpress (2) 樣板 (2) 防火牆 (2) AD的應用 (1) Ansible (1) Arduino (1) CSS (1) GitLab (1) HA Proxy (1) LegoEV3 (1) PowerShell (1) Scratch (1) VM (1) XenServer (1) kotlin (1) linuxmint (1) lxc (1)

2018年5月3日 星期四

嵌入Xoops 的模組 TinyD0的網頁,如何自適應

1.xoops 的網頁是可以自適應,想要在xoops的首頁嵌入自己做的網頁。



嵌入html 語法為
<iframe src="嵌入目標" width="寬度" height="高度" frameborder="邊框參數" scrolling="卷軸參數"></iframe>

壹、關鍵做法.只要在上述語法上,加上下列紅色的語法,即可
<style type="text/css">.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>

<div class="embed-container">

<iframe src="嵌入目標" width="寬度" height="高度" frameborder="邊框參數" scrolling="卷軸參數"></iframe>

</div>


貳、詳細作法

1.在原本的xoops 安裝TinyD嵌入內容模組   安裝作法2.設定網站首頁所用模組為無
 



3.在區塊管理將TinyD 0 內容放ˊ置在"上中",設定如下圖
4.在模組TinyD0加入內容,將關鍵語法加入,與做相關的設定。





參考資料:
1.HTML iframe 框架語法
http://www.webtech.tw/info.php?tid=99

2.Embed Responsively線上iframe嵌入網站自適應產生器(YouTube、Vimeo、Dailymotion、Google Maps)


沒有留言:

張貼留言

在 Windows 10 x64 1909版,使用BAT快速安裝公文系統與人事服務網(自然人憑證)版

相關內容移往 https://skjhcreator.blogspot.com/2021/02/windows-10-x64-1909bat.html