追蹤

坎入部落格語法

如何將部落格放入網站中

Step1.新增一頁 自訂頁面

 

將下列語法貼入『原始碼』中

<style type="text/css">#content-wrapper > .container { padding:0px; width: 100%; max-width:100%; }

#content-wrapper > .container > .container-inner { padding:0px; width: 100%; max-width:100%; }

</style>

<p><iframe frameborder="0" id="idIframe" marginheight="0" marginwidth="0" onload="iframeLoaded()" scrolling="no" src="部落格連結" style="height: 100vh;min-height:5000px" width="100%"></iframe></p>

 

<div id="spoon-plugin-kncgbdglledmjmpnikebkagnchfdehbm-2" style="display:none">&nbsp;</div>

 

 

----------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript">/*自訂程式碼*/

  $(document).ready(function () { //預先載入動作,與資料同步載入

    $("#frame_web").on("mouseenter", function (event) { //挷定滑鼠進入及離開事件

      $(this).css({"overflow-y": "scroll"}); //滑鼠進入

    });

    $("#frame_web").on("mouseleave", function (event) { //挷定滑鼠進入及離開事件

      $(this).scrollTop(0).css({"overflow-y": "hidden"}); //滑鼠離開

    });

  });

</script>

<style type="text/css">/*自訂CSS語法iframe*/

  /*行動版設定*/

  @media screen and (orientation: portrait)and(min-width: 414px){

   

  }

  /*網頁版設定*/

  #content-wrapper > .container { padding:0px; width: 100%; max-width:100%; }

  #content-wrapper > .container > .container-inner { padding:0px; width: 100%; max-width:100%; }

</style>

<div id="frame_web" style="-webkit-overflow-scrolling:touch; height: 100%;overflow: scroll;"><!--1018px-->

<p><iframe frameborder="0" height="315" id="idIframe" marginheight="0" marginwidth="0" onload="iframeLoaded()" scrolling="yes" src="部落格連結" style="height: 100vh;min-height: 7129px;" type="text/html" width="100%"></iframe></p>

</div>

 

<div id="spoon-plugin-kncgbdglledmjmpnikebkagnchfdehbm-2" style="display:none">&nbsp;</div>

Step2.商店主選單

新增『主選單』並將自訂頁面綁定於選單上

這篇文章是否有幫助?
0 人中有 0 人覺得有幫助
還有其他問題?提交請求