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

程序交流
3 2335

作用:把原内容页截图部分,改成用 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-07-03 09:54:25
    #1楼 回复

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

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

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

  • 自助授权 官方qq群826939491 Guojiz成功案例展示
    精选帖子
    新版4.2授权码的填写方式 1217
    国际导航30多款模板进行免费 3490
    国际导航采集扩展 6190
    api接口使用教程【v3.1.3】 3602
    使用本系统搭建违法,触犯,站点公告 3910
    虚拟主机安装出现数据连接失败解决方案 6747
    国际网址导航新版标签大全 9221
    关于2.4之前版本想转3.0新版教程 4324
    国际网址导航全新V5.0(2021-7-29) 35070
    热门帖子
    后台初始密码登录不进去 999
    什么是内容写作?增加自然流量和读者的11个提示 999
    最近网站频繁出现程序池卡死 993
    伪静态规则 9871
    关于Guojiz网站导航系统【接入网站】功能介绍配置 9775
    点击下载模板后,页面跳出,下载不了模板呀 974
    SQLSTATE[42000]: Syntax error or access violation: 1055 Expression 974
    建议增加调用当前分类下的置顶或者精选 973
    请问下载系统有演示吗? 964