Liferay 将菜单栏添加到门户页面
我需要在Liferay门户页面上显示一个菜单栏（该菜单栏将是该页面中所有Portlet的公用菜单栏） 为此，我创建了一个自定义主题，并修改了templates文件夹下的Liferay 将菜单栏添加到门户页面,liferay,liferay-6,Liferay,Liferay 6,我需要在Liferay门户页面上显示一个菜单栏（该菜单栏将是该页面中所有Portlet的公用菜单栏） 为此，我创建了一个自定义主题，并修改了templates文件夹下的navigation.vm文件 我在navigation.vm文件中添加了下面的菜单栏代码，并将其部署到服务器 <html> <head> <title>Menu Bar Using CSS</title> <style> .menu ul { list-style:
navigation.vmnavigation.vm<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>
使用CSS的菜单栏
.菜单ul
{
列表样式：无；
}
李先生
{
显示：内联；
}
.菜单ul li a
{
/*增加可点击区域*/
填充：8px；
左侧填充：15px；
右侧填充：15px；
/*删除链接的下划线*/
文字装饰：无；
颜色：#000；
背景：#ccc；
}
/*在链接上单击鼠标*/
.菜单ul li a：悬停
{
颜色：#fff；
背景：#000；
}
navigation.vmnavigation.vmportal\u normal.vmportal\u pop\u up.vmnavigation.vmportal\u normal.vmportal\u normal.vm