产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

请教一下,我想修改网页的布局要怎么操作 [复制链接]

1#




我想把图1中红框部分改成图2中黑框部分的样式,保留图1中下面的模块和导航,请问要怎么修改?
我刚开始学,最好详细一点,谢谢啦
分享 转发
TOP
2#

刚下了一个图1 的模板,要实现图2中的,这样做:
图1中的

是两个模块,先合并成一个模块,
打开图1的系统后台,点击

删除新闻要问模块,点击反选,再点击更新,
然后在图片幻灯中添加新闻要问,

,点击图片幻灯的内容设置,

点击编辑器代码模式



剪切之后,编辑器里面没有代码,将代码复制到勾选之后的输入框中,

然后进行代码的重写,因为是两个模块的合并,之前的已经删除,所以要重新添加,



在通过代码进行结构的调整,

就是这样,调整好结构之后,将模块宽度调整成100%;

模块结构这一块,你可以按照我写的写,红线框住的这两个是调用的幻灯片和新闻信息,你可以换成你自己要展示的图片和信息,
就是展示这样的

和之前就没什么区别了,
然后用position定位来实现图2中的效果,
通过浏览器的查看元素的方法找到该模块最外层的id,

找到style.css文件,打开,添加css

复制之前模块的id,在css文件中添加css

然后找到.main_box_style2 .main_box_inner,在里面添加position:relative;


保存,刷新网站首页,就会成这样

然后利用间距将内容顶下去,在.main_box_style2 .main_box_inner中添加padding-top:280px;

页面就是这样

,间距的高度取决于该模块的高度,可自己调整,之后再调整幻灯片的大小即可
TOP
3#

先谢谢啦,然后慢慢学。
TOP
发新话题 回复该主题