将菜单栏添加到门户页面答案

【问题标题】：Adding MenuBar to the Portal Page将菜单栏添加到门户页面
【发布时间】：2012-07-16 17:50:35
【问题描述】：

我需要在 Liferay 门户页面上显示一个菜单栏（该页面中所有 portlet 都通用的菜单栏）

为此，我创建了一个自定义主题，并修改了模板文件夹下的navigation.vm文件。

我已在navigation.vm 文件中的MenuBar 代码下方添加此代码并将其部署到服务器

<html>
<head>

<title>Menu Bar Using CSS</title>

<style>
.menu ul
{
list-style: none;
}

.menu ul li
{
display: inline;
}

.menu ul li a
{
/*Increase Clickable Area*/
padding: 8px;
padding-left: 15px;
padding-right: 15px;

/*Remove the Underline for the Link*/
text-decoration: none;

color: #000;
background: #ccc;
}

/*On Mouse Over the Link*/
.menu ul li a:hover
{
color: #fff;
background: #000;
}
</style>

</head>

<body>
<div class="menu">

<ul>

<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>

</ul>
</div>
</body>
</html>

我已将所有这些代码放在我应用的自定义主题下的 navigation.vm 文件下，但它不起作用（我的意思是菜单栏未显示在门户页面上）

如果我做错了什么，请告诉我。

【问题讨论】：

标签： liferay liferay-6

【解决方案1】：

navigation.vm 不包含<html>、<head> 和<body> 标签，这些标签位于portal_normal.vm 中，或者如果页面是弹出式页面，则为portal_pop_up.vm。此文件 (navigation.vm) 仅有助于显示页面，并包含在 portal_normal.vm 文件中。
因此，请尝试将您的代码移动到菜单栏的 portal_normal.vm 中。

希望这会有所帮助。

【讨论】：