構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
michael ric scheffler
Problem: single Portlet Design Background
2009/11/06 13:23
答え

michael ric scheffler

ランク: New Member

投稿: 13

参加年月日: 2009/10/31

最近の投稿

Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike
Maarten van Heiningen
RE: Problem: single Portlet Design Background
2009/11/10 3:02
答え

Maarten van Heiningen

ランク: Regular Member

投稿: 173

参加年月日: 2009/02/05

最近の投稿

Hello Mike,

Have you tried to check with firebug or the ie developer toolbar (trace style option) what actually is set as a background of all your portlets?

Sounds to me like there is a css rule in your custom.css which declares that the background of all your portlets is set with a specific value.

Maybe there is also a rule with an extra value set to '!important'

If you add your style rule into the custom.css is it working?

#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

Maarten
Arun Kumar S
RE: Problem: single Portlet Design Background
2009/11/17 23:07
答え

Arun Kumar S

ランク: Regular Member

投稿: 182

参加年月日: 2008/06/23

最近の投稿

michael ric scheffler:
Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike



is myPicture.png in war file ?

If yes, use the below css in - Advanced Styling -
1
2#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
3background-image:url([b]/<themename>[/b]/images/portlet/myPicture.png);
4}


If No,

1#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
2background-image:url(/html/images/portlet/myPicture.png);
3}


HTH,
Arun