我需要在 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
我应用的自定义主题下的文件下,但它不起作用(我的意思是菜单栏未显示在门户页面上)
如果我做错了什么,请告诉我。