这个CSS是来控制导航的,我不是美工,CSS不是很好,只能找到在那个地方改,而要改成什么样子还是要找CSS强人来写.废话不多说下面讲代码:
/* ---------- Main navigation ---------- */
#navigation {
margin:0.5em;
min-height: 2.2em;
overflow: show;
padding-right: 1em;
width: 93%;
}
这个开始是控制主导航的,他定义了很多主导航样式#navigation ul,#navigation li,#navigation li a,这些要配和另外一个文件来看 ...
- 22:43
- 浏览 (2133)
- 评论 (0)
- 分类: liferay CSS
- 进入论坛
这个CSS文件是用来控制表单内元素的样式的,这个用的不是很多,里面最常要改的应该就是
input[type="text"], input[type="password"], input[type="file"],input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea{
background: #fff;
border: 1px solid #aaa;
border-left-color: #777;
border-top-color: #777;
font ...
- 16:46
- 浏览 (1831)
- 评论 (0)
- 分类: liferay CSS
- 进入论坛
在每个风格文件夹下面都有一个CSS文件,里面都会有十个CSS文件,今天讲一个简单点的layout.css,其实看名字也知道这个文件是用来定义本风格的布局的样式的,如何自定义布局在我前面的文章有,这里就不讲了.
/* ---------- Column widths ---------- */
.lfr-column.dragging {
height: 100px;
min-height: 100px;
}
.lfr-column.ten {
width: 10%;
}
这些定义了一些宽度,这些在layout/custom/***.tpl文件里可以看到
<td class="lf ...
- 23:31
- 浏览 (1750)
- 评论 (0)
- 分类: liferay CSS
- 进入论坛
今天讲一下portlet外观与风格里面的CSS编写,每个portlet都可以定义他的CSS,当增加一个portlet时,我们该如何下手,以导航为例,因为导航是比较复杂的也是比较常用的portlet,增加导航后,保存静态面在本地,因为有很多portlet用到了JQUERY技术,如果直接击右键根本看不到相应导航的代码,所以下到本地可以看到他的表态代码,可以发现导航用的是ul li 来定义的,这样就可以来定义他的样式,如下代码:
/* CSS Document */
.ie6 .portlet-boundary.portlet-boundary_71_ LI {
list-style:n ...
- 22:54
- 浏览 (1711)
- 评论 (0)
- 分类: liferay CSS
- 进入论坛
liferay中CSS的调整是一件很麻烦的事,首先我们要知道liferay的CSS在那几个地方可以写,每个地方的CSS是控制那些的,写那些CSS合适.不管在那里写CSS都要注意浏览器兼容问题.
第一个可以写CSS的地方就是模板里面,关于模板的代码和新建设置,我前面的文章讲过,大家可以参照以前的.我们一般不建义大家这样做因为模板本身就是为了通用的,这样做大大降低了他的通用性,可以把定义成class="xxx",然后把"xxx"定义在外面,这样不同的页面可以定义自已需要的样式.模板里的CSS作用范围当然就是调用该模板的所有文章.
第二个可以写CSS的地方是在页面设置里面,look an ...
- 22:35
- 浏览 (1593)
- 评论 (0)
- 分类: liferay CSS
- 进入论坛
Tyler_Zhou
- 浏览: 56639 次
- 性别:
- 来自: 湖北
- 详细资料
搜索本博客
最近加入圈子
最新评论
-
liferay新增权限(二)
我真的真的真的很奇怪，博主太强了，你是怎么知道这些内容！ 要不是看到你的这篇文 ...
-- by flyingcn -
liferay5.0 plugins sdk开 ...
慢慢来吧,用plugin做开发,慢慢的你会发觉生命周期、classLoader之 ...
-- by devilbaby -
liferay5.0 plugins sdk开 ...
呵呵,完整的资料没有,就是到处在网上找,这个过程异常的痛苦.
-- by Tyler_Zhou -
liferay5.0 plugins sdk开 ...
写的不错啊! 有这方面的资料?
-- by hatlar -
liferay4.3.2增加社区(网 ...
老大知道怎么修改liferay上的logo图标么?
-- by hatlar
评论排行榜