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

程序交流
3 5735
飞鱼 飞鱼 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授权码的填写方式 5878
    国际导航30多款模板进行免费 7690
    国际导航采集扩展 12300
    api接口使用教程【v3.1.3】 8177
    使用本系统搭建违法,触犯,站点公告 8866
    虚拟主机安装出现数据连接失败解决方案 17743
    国际网址导航新版标签大全 18361
    关于2.4之前版本想转3.0新版教程 9273
    GUOJIZ国际网址导航系统全新V5.8(2022-04-26) 70262
    热门帖子
    导航系统正式发布欢迎下载测试反馈 9900
    Guojiz下载系统素材系统抢先发布1.0版本 9375
    QQ登录、功能配置、xml生成显示模块不存在 930
    关于2.4之前版本想转3.0新版教程 9273
    Guojiz导航系统模板标签调用参数大全 9247
    素材系统预计月底发布 8953
    使用本系统搭建违法,触犯,站点公告 8866
    广告添加万能调用方法 8765
    MyuCMS社区+商城内容管理系统V2.0正式版 8761