Layout ofbiz主题布局：重新订购主屏幕组件

我正在尝试更改ofbiz组件的位置，如应用程序栏和主容器位置，我知道可能是来自/common/widget/CommonScreens.xml或类似文件（如另一个xml文件）的更改，我累了，没有运气找到负责呈现“应用程序导航”的文件，只是我迷路了

所以我希望在这里找到我的答案，我想改变布局， 默认界面如下所示：

我想要的是（我用firebug制作的）：

我怎么能做到呢？？或者换言之，我可以从哪里开始这样做？

将CSS和HTML部分留给我，我只想从这一点开始，编辑主题布局，就像我在上一个屏幕截图中解释的那样

---

很抱歉，如果我不能清楚地告诉你我想要的东西，我的英语今天对我没有帮助：）但是如果还不清楚，你可以问我任何问题。

看看OFBiz中的其他主题。bizness_time主题已经在使用类似的布局

---

干杯

我解决了我的问题，我这边有一个小错误，我做了一些修改

CSS文件中的：

#app-navigation {
...
/* border-top: 0.1em solid #3E5A71; */ /*Removed*/
...
width: 200px; /*Added*/
float: left; /*Added*/
}
...
#app-navigation ul li ul li {
...
/* float: left;
 display: inline; */ /*Removed*/
...
}

/*Added*/
#container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

在模板中：

#app-navigation {
...
/* border-top: 0.1em solid #3E5A71; */ /*Removed*/
...
width: 200px; /*Added*/
float: left; /*Added*/
}
...
#app-navigation ul li ul li {
...
/* float: left;
 display: inline; */ /*Removed*/
...
}

/*Added*/
#container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

在appbar.ftl或appbarOpen.ftl：

<div id="container"> <!-- This is the Line that I Added -->

<#if userLogin?has_content>
...

...

在footer.ftl中：

</div> <!-- This is the Line that I Added -->

<div id="footer">
...

...

---

简单地说：）

谢谢，但我想学习如何做到这一点，而不是看到：）通过复制要修改的主题来创建一个新主题。你可以使用这个页面来帮助你：我知道创建主题的方法，我复制了flatgary主题，我喜欢它，第二件事，我说我想学习，如果我想制作3列版面该怎么办。我按照你说的做了，我的意思是我去了bizness主题，看看他们是如何做版面的，完全不同！它只是将主导航分为两部分！！