名师广场

登录
工作室首页 > 话题列表 > 话题详情

只看楼主 如何在空间里插入个性天气预报?

  • 楼主

    马秀萍

    话题:320

    精华:0

    积分:5504

    阅读:1566 回复:8 2018-12-07 11:06:01

  • 2楼

    马秀萍

    话题:320

    精华:0

    积分:5504



    1、登录天气网#####,选择好你所在地区的城市。  

    blob.png

    blob.png


    2018-12-07 11:06:39

  • 3楼

    马秀萍

    话题:320

    精华:0

    积分:5504

    2、回到天气网首页,页面往下拉,在网页右下角找到天气代码调用,点击进入,如图所示:

    blob.png


    2018-12-07 11:07:07

  • 4楼

    马秀萍

    话题:320

    精华:0

    积分:5504

    3、这里有12种不同的推荐样式可供选择,鼠标移动到任一种样式上面便可获取代码,复制代码即可。blob.png

    blob.png



    2018-12-07 11:07:35

  • 5楼

    马秀萍

    话题:320

    精华:0

    积分:5504

    4、如果你不喜欢上面的样式,也可以选择自己定制天气预报,设置好自己想要的样式,颜色,地区等信息(如下图),点击预览查看效果,最后点击生成代码,复制代码。

    image

        注:或者可点击“更多天气预报插件,请点击这里>>进入,选择自己想要的样式,复制相应的代码。



    2018-12-07 11:08:10

  • 6楼

    马秀萍

    话题:320

    精华:0

    积分:5504



    5、代码的安装:回到个人主页,空间装扮--模块插件--自定义模块--HTML模块,将复制的代码粘贴到文本框中,确定,最后保存。

    blob.png

     备注:根据实际需要,可以适当调整宽度,高度。想获得背景透明效果,请在代码中加入 allowtransparency="true",想给天气增加边框,在<iframe>里面加入style="border:solid 1px #7ec8ea" "#7ec8ea"是颜色代码,随意更改。



    后附不安全提示处理方法:       

    blob.png


     由于平台限制使用<iframe>标签,无法安装,解决办法:

      方法1:将iframe替换成embed,其他不变。

      方法2:</iframe>中最后一个尖括号用空格键向后敲一下就可以正常安装了。

    blob.png

      方法3:直接把</iframe>整个都去掉,也可显示。

     

    image

      好了,终于大功告成了,老师们你们学会了吗?赶快来试一试吧!

    获取更多天气预报样式也可参考javascript:void(0);


                                      


       


    2018-12-07 11:08:55

  • 7楼

    马秀萍

    话题:320

    精华:0

    积分:5504

    2018-12-07 11:09:05

  • 8楼

    张玉飞

    话题:257

    精华:0

    积分:2299

    回到天气网首页,页面往下拉,在网页右下角找到天气代码调用,点击进入,如图所示:

    blob.png


    2023-02-14 13:56:22

说:

还能输入140发送

二维码

名师工作室移动端

  • 扫一扫,直接在手机上打开
  • 随时随地使用工作室
分享
回到顶部