修改前:
修改后
|
修改后+hover
|
|
|
===========前提:
你的页面有一个支持print的portlet。
可以用Liferay的Eclipse插件,建一个简单的portlet,勾上print选项。
===========建theme:
cd 你的绝对路径/sdk/themes;./create.sh t1 "t1 hover icons"
mkdir -p t1-theme/docroot/_diffs/css
mkdir -p t1-theme/docroot/_diffs/js
mkdir -p t1-theme/docroot/_diffs/templates
cp 你的绝对路径/app/tomcat-7.0.23/webapps/ROOT/html/themes/classic/css/custom.css t1-theme/docroot/_diffs/css
cp 你的绝对路径/app/tomcat-7.0.23/webapps/ROOT/html/themes/classic/js/main.js t1-theme/docroot/_diffs/js/main.js
cp 你的绝对路径/app/tomcat-7.0.23/webapps/ROOT/html/themes/_unstyled/templates/portlet.vm t1-theme/docroot/_diffs/templates/portlet.vm
===========装theme:
cd t1-theme;ant deploy
等tomcat说:1 theme for t1-theme is available for use,
你就可以刷新页面,看效果。
===========确认theme已安装:
Go to/Control Panel/Portal/Plugins Configuration
Theme Plugins
[t1 hover icons]应该在列。
===========用theme:
Manage/Page/Look and Feel
选择Define a specific look and feel for this page.
从Available Themes中,选择[t1 hover icons]
Save,关闭Manage窗口
刷新页面
===========修改theme:
在custom.css文件头删除:
@import "compass";
@import url(custom_common.css);
@import url(color_schemes/green.css);
@import url(color_schemes/orange.css);
在custom.css文件尾加入:
.portlet-topper-toolbar{ opacity: 0;}.portlet-topper-toolbar:hover{opacity: 1;}
.portlet-maximize-icon{ opacity: 0.3; }.portlet-maximize-icon:hover{ opacity: 1; }
.portlet-minimize-icon{ opacity: 0.3; }.portlet-minimize-icon:hover{ opacity: 1; }
.portlet-print-icon{ opacity: 0.3; }.portlet-print-icon:hover{ opacity: 1; }
.portlet-options{ opacity: 0.3; }.portlet-options:hover{ opacity: 1; }
.portlet-close-icon{ opacity: 0.3; }.portlet-close-icon:hover{ opacity: 1; }
.lfr-menu-list-overflow .portlet-print-icon{display:none;}
.portlet-print-icon .opens-new-window-accessible{display:none;}
对portlet.vm文件,替换:
-----------------旧代码
$theme.iconOptions()
$theme.iconMinimize()
$theme.iconMaximize()
$theme.iconClose()
-----------------新代码
<table><tr>
<td>$theme.iconMaximize()</td>
<td>$theme.iconMinimize()</td>
<td>$theme.iconPrint()</td>
<td>$theme.iconOptions()</td>
<td>$theme.iconClose()</td>
</tr></table>
-----------------
使用table是为了调整icon的位置。
加$theme.iconPrint()是为了在options外面显示print按钮,同时还要用css把options里面的print抹掉。
===========装theme:
cd t1-theme;ant deploy
等tomcat说:1 theme for t1-theme is available for use,
你就可以刷新页面,看效果。
流水
- 大小: 6.5 KB
- 大小: 6 KB
- 大小: 2.7 KB
- 大小: 17.7 KB
分享到:
相关推荐
这里我们关注的是如何将Pluto部署到Tomcat上,以及portlet-api-2.0.jar在其中的作用。Pluto是一个开源的Portlet容器,它是Java Portlet规范的重要实现,而Tomcat则是一个流行的Java应用服务器,常用于运行Web应用。 ...
portlet-api-2.0.jar,javax.portlet.*
portlet-api-1.0.jar,portlet的API,portlet.jar文件
portlet-util-2.1.0.jar,portlet-util-2.1.0.jar,portlet-util-2.1.0.jar
portlet-api.jar portlet-api.jar portlet-api.jar
portlet-api-3.0.0.jar,
struts2-portlet-plugin-2.1.6.jar
spring-webmvc-portlet-3.2.7.RELEASE.jarspring-webmvc-portlet-3.2.7.RELEASE.jarspring-webmvc-portlet-3.2.7.RELEASE.jarspring-webmvc-portlet-3.2.7.RELEASE.jar
spring-webmvc-portlet-4.0.0.RELEASE.jar
"PyPI 官网下载 | collective.portlet.rich-0.3.tar.gz"这个标题指出,我们正在讨论一个从Python Package Index(PyPI)官方源下载的软件包。PyPI是Python开发者分享和发现第三方库的主要平台,它使得安装和分发...
python库。 资源全名:redturtle.portlet.lightreviewlist-0.1.0-py2.4.egg
python库。 资源全名:fourdigits.portlet.twitter-0.6-py2.6.egg
标题中的"PyPI 官网下载 | fourdigits.portlet.twitter-1.0rc1.zip"表明这是一个在Python Package Index(PyPI)上发布的软件包,名为`fourdigits.portlet.twitter`,版本为1.0的候选发布版1(rc1)。PyPI是Python...
《Python库collective.portlet.rich-0.4详解》 在Python的开发世界中,丰富的库资源是其强大功能的重要支撑。今天我们要探讨的是一个名为`collective.portlet.rich`的Python库,它的具体版本为0.4,封装在`...
标题 "PyPI 官网下载 | plone.portlet.static-2.0a1.zip" 提供的信息表明,这是一个从Python Package Index(PyPI)官方源下载的软件包,名为 `plone.portlet.static`,版本为 `2.0a1`。PyPI是Python开发者发布和...
《PyPI官网下载:深入解析redturtle.portlet.collection-0.4.zip》 在Python的世界里,PyPI(Python Package Index)是开发者分享和获取Python软件包的主要平台。本资源"redturtle.portlet.collection-0.4.zip"正是...
资源分类:Python库 所属语言:Python 资源全名:collective.portlet.sitemap-1.0.3-py2.6.egg 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
《Liferay Portlet Development Guide 4.3》是针对Liferay Portal平台的一份详细开发指南,旨在帮助开发者理解和创建portlet应用程序。Liferay Portal是一个开源的企业级门户系统,它提供了丰富的功能,如用户管理、...
【标题】"jsf2-jsp-portlet-3.1.3-ga4.zip" 提供的是一个基于JavaServer Faces 2 (JSF 2)技术的portlet实现,版本为3.1.3 GA4。JSF是Java平台上的一个标准用户界面组件框架,它允许开发人员创建可重用的、基于组件的...