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

程序交流
3 6404
飞鱼 飞鱼 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>





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




原来的效果



修改后的效果




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





  • 闲度导航 闲度导航
    2019-08-01 11:43:44
    #1楼 回复

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

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

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

  • 自助授权 官方qq群826939491
    精选帖子
    新版4.2授权码的填写方式 6840
    国际导航30多款模板进行免费 8658
    国际导航采集扩展 13333
    api接口使用教程【v3.1.3】 9144
    使用本系统搭建违法,触犯,站点公告 9934
    虚拟主机安装出现数据连接失败解决方案 21492
    国际网址导航新版标签大全 19326
    关于2.4之前版本想转3.0新版教程 10252
    GUOJIZ国际网址导航系统全新V5.8(2022-04-26) 78194
    热门帖子
    素材系统预计月底发布 9984
    使用本系统搭建违法,触犯,站点公告 9934
    MyuCMS社区+商城内容管理系统V2.0正式版 9649
    广告添加万能调用方法 9642
    api接口使用教程【v3.1.3】 9144
    Guojiz导航系统手机模板【xin】 9135
    国际导航30多款模板进行免费 8658
    Guojiz导航系统升级到2.3.6丁【20191015】 8599
    关于安装后登录后台账号密码 8110