把内容页截图改成用 iframe 框架方式加载对方网站。

程序交流
2 765
飞鱼 飞鱼 2019-07-03 09:40:10
高级授权 积分:0

作用:把原内容页截图部分,改成用 iframe 框架方式加载对方网站。

修改 /template/default/pc/index_html.html 

把第16行的

<img src="{$t.pic}" width="180" height="160">

注销掉,然后下一行加入这句

<iframe id="myFrame" frameborder="no" src="http://{$t.lianjie}" style="width:100%;height:500px;background: #fafafa;padding: 10px;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);border-radius: 15px;margin-top: 15px;"></iframe>


TIM截图20190703213741



如果你的网站是https协议的,对方网站是http协议的,那此时你的网站会提示证书有问题,小绿锁也会失效,此时你可以看看解决方案:https://www.guojiz.com/thread/39.html




原来的效果

TIM截图20190703212620


修改后的效果

21



副作用:如果对方网站禁止 iframe 引入,那这里就直接空白,挺难看的。


TIM截图20190703213326

TIM截图20190703213239


  • 飞鱼 飞鱼 高级授权
    2019-07-03 09:54:25
    #1楼 回复

    想起一件事:我以前在css里把宽度改成了320px,所以如果和演示效果不一样,那就自己改一下css文件,改相关的宽度即可。

  • 妖气导航 妖气导航 高级授权
    2019-08-01 11:43:44
    #2楼 回复

    感谢大佬分享,我拿去搞模板了

  • 自助授权 官方qq群826939491 Guojiz网址新版演示 Guojiz成功案例展示 影视速看APP
    精选帖子
    国际导航采集扩展 99
    Guojiz下载系统V1.2版本 974
    api接口使用教程【v3.1.3】 652
    使用本系统搭建违法,触犯,站点公告 672
    虚拟主机安装出现数据连接失败解决方案 554
    国际网址导航新版标签大全 2140
    关于2.4之前版本想转3.0新版教程 1655
    国际网址导航全新3.2版本下载(20200316) 6070
    Guojiz网址导航系统V2.3.7正式版 1624
    热门帖子
    导航网的积分提现 99
    国际导航采集扩展 99
    Guojiz下载系统V1.2版本 974
    这是不是BUG啊,求助 求助 970
    网站地图打开是代码如何解决? 97
    安装完毕,提示错误 963
    https网站引入http文件导致提示证书不安全,解决方案 957
    提一个小建议,嘿嘿 949
    导航系统的ioc图片建议 94