实现Discuz!前台DIY自定义框架比例

手册/FAQ (529) 2015-08-14 14:32:01

  Discuz!建站用户应该都知道它的DIY功能,该功能主要是利用页面拖拽技术,在不编写代码的情况下实现快速布局页面、聚合调用站内数据的功能。在默认的布局框中中我们看到有多种比例,不过如果站长朋友用DIY功能给门户主页布局时需要一个1:4的框架,而默认创建中没有1:4的选项,这个问题该如何解决呢?今天主机侦探小编整理一下教大家如何自定义框架尺寸。

Discuz!论坛DIY

DIY框架比例

  第一步:打开文件管理界面,打开文件夹discuz/template/default/portal找到index.htm文件(这里以默认主题为例,记住先备份再做修改,大家要养成习惯)打开。

index.html文件修改

  第二步:我们主要看第四行"<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->"这段代表一个框架,我们在前台添加框架,会自动生成。所以我们自定义框架的思路就是手动添加这行代码的CSS属性就能控制尺寸了。下面小编操作一个占主屏80%的框架

  1)复制第四行 ,粘贴(注意红线处数字要相同)

复制代码

  2)直接在这个文件写CSS属性(当然你也可以整理一下放到Style.css文件里)

添加CSS属性

  3)现在打开论坛首页DIY,拖入一个100%框架会自动变为80%。

成功自定义DIY框架

  注意步骤:Discuz!默认主页是forum.php。而上述操作事例在门户主页index.php上修改,所以要先在后台-界面增加门户页面导航。

设置论坛门户

THE END