将天气预报插入这个方框内,用css编写,求高手进

html-css014

将天气预报插入这个方框内,用css编写,求高手进,第1张

描述有问题,我想知道你的这个图片是不是作为一个提示文字,比如“天气预报”,然后下面才是插入iframe到图片底下。当然这个图片和iframe是在一个单元格里面。如果是这样的,那么就比较好做,直接将你的iframe插入到img标签后面,如果担心没有换行显示,那么可以在图片后面加上一个<br/>然后才iframe。现在就是不知道你的图片是作为一个标题提示还是背景,只是看这命名,感觉是标题。

如何在空间里加上天气预报2006/12/29 19:15其实只需要在自定义模板后面加上

{height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

步骤:首先要打开你的自定义模板4,在高级设置那里。这里就不用详细说了。

1、打开设置

2、模板设置

3、编辑自定义模板

4、找到#m_mylink4

5、在后面加入{height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

完整的如下。

#m_mylink4 {height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

直接把上面的代码加在CSS后面就行了

新建自定义模块,记住模板的标号,本站选用的为模块2,点击上面的保存,返回主页进行模块编辑,模块名称取为天气预报,链接名称为:天气预报,链接地址为:http://www.tq121.com.cn/ 操作完成后返回。此时进入CSS代码,找到刚才自定义模块的代码,如本站为#m_mylink2,将四段以此开头的代码换为以下代码:

#m_mylink2 div.item a{color:#FFFFFFfont-size:15pxtext-align:centerfont-family:隶书}

#m_mylink2 div.item a:visited{color:#FFFFFFfont-family:隶书}

#m_mylink2 div.line{background:url(http://firetear.com/weather/weather.aspx?city=%u5BBF%u8FC1&style=1) no-repeat bottomline-height:40pxmargin-bottom: 10pxmargin-top:5pxpadding-bottom: 138px}

以上操作完成就算基本大功告成了,(注意:要把第四行代码url后面的地址换在你所在地的地址,具体可以到 http://firetear.com/weather/ 网站里去找,你只需把生成代码里面SRC后后面的地址打复制过来替换以上地址就可以)