포틀릿의 CSS에서 liferay 테마에있는 이미지를 참조하는 방법

Question

일부 애플리케이션 레벨 이미지가있는 평생 테마가 있습니다. 자체 CSS가있는 포틀릿.

포틀릿의 CSS에서 테마의 이미지를 어떻게 참조 할 수 있습니까?

Answer 1

나는 CSS 파일에서 (적어도 나는 이것을 할 수있는 방법을 생각할 수 없다) 믿을 수 없다. 그러나 주제에 따라 스타일이 적용될 것으로 예상되는 경우 <div class="hasMyDesiredImage">을 가지고 테마에 이미지가 포함되도록 테마 -ss를 포함시킬 수 있습니다.

당신의 custom.css : 당신이 (코드가 동적으로 처리) 포틀릿 자체에서 테마 기반 이미지를 해결하려면

.hasMyDesiredImage { 
    background: url(../images/my/fancyImage.png); 
} 

사용할 수 themeDisplay.getPathThemeImages()는 :

Answer 2

사용자 정의 테마를 생성 한 경우 , 테마에있는 impages/CSS/JS는 참조 경로를 사용하여 직접 참조 할 수 있습니다. 예를 들어

: 웹 어플리케이션에 테마 프로젝트는 샘플 테마가있는 경우, 당신은 내가 당신이를 위해 CSS를 사용할 수있는 것 같아요