请选择 进入手机版 | 继续访问电脑版

第一源码01C.NET--精品源码分享社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 224|回复: 0

使用css实现DIY框架(模块)固定高度的方法

[复制链接]

537

主题

537

帖子

132

积分

管理员

第一源码负责人

Rank: 9Rank: 9Rank: 9

积分
132
发表于 2017-11-9 22:26:23 | 显示全部楼层 |阅读模式
本帖最后由 第一源码 于 2017-11-9 22:37 编辑

论坛使用了tab框架都是DIY的,在DIY的过程中发现栏目框架是随着内容的高度变化而变化的。经过一段时间的学习终于找到了解决方法。
首先看一下边框是没有加css定义的,如下图:

下面就说下具体的实现方法:
1. DIY出一个框架并添加标题、边框线,这个就不多说了。然后放入模块,这里css定义的实际上是这个模块的高度。2. 然后点击模块的编辑进入属性进入模块模板,这个是最简单的一个帖子模块,代码上面都会有<div class="module cl xl xl1">这一句。
如图:

然后修改一下<div class="module cl xl xl1">变成<div class="module cl xl xl1 ullistbox_zuixinziyuan">
如下图:

ullistbox_zuixinziyuan是自定义的一个量,可以随便定,注意前面有个空格。
3. 最后一步就是要修改common.css。
win主机直接远程登陆主机修改,其他的可以ftp下载下来修改再覆盖。
进入template\default\common找到全局css文件common.css,由于使用的是默认的模板。打开最好用notepad++等专业代码编辑软件修改。
在代码最后加上.ullistbox_zuixinziyuan { height: 131px; },注意前面有个点,中间很多空格。
如下图:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条



QQ|Archiver|手机版|小黑屋|01c.net. ( 豫ICP备17038070号 )

GMT+8, 2018-4-25 10:29 , Processed in 0.140769 second(s), 22 queries .

Powered by 01c.net!

© 2017-2027 01c.net.

快速回复 返回顶部 返回列表