Anda di halaman 1dari 2

Se voc deseja colocar uma imagem de fundo em toda a pgina, segue a soluo, insira no seu

h:body:
<h:body style="background: url('../images/verdeBrasil.png') repeat !important;">

Observao: Um ponto importante que qualquer insero de CSS que possivelmente


venha sobrescrever alguma classe deste tema do primefaces, deve ser includo o !
important ao final do seu css, para assim dizer que o seu o mais importante a ser
usado.

Se no for a soluo acima, e seu objetivo colocar a imagem verde, somente de fundo do
panelMenu, seguem trs solues:
O Primefaces, ele possui um tema prprio quando no especificamos um nosso em particular. Esse
tema vem com as classes dos componentes que podem ser sobrescritas. Por isso, certas alteraes
no conseguem ser feitas por alterao inline. Existem algumas maneiras de fazermos isso para
chegarmos a soluo que voc procura.
Segundo o manual, o component panelMenu, tem as seguintes propriedades para se alterar
esteticamente:
.ui-panelmenu Sobrescrevendo este item, voc altera o corpo todo do componente.
.ui-panelmenu-header Sobrescrevendo este item, voc altera cabealho menu.
.ui-panelmenu-content Sobrescrevendo este item, voc altera rodap do menu.
.ui-panelmenu .ui-menu-list Sobrescrevendo este item, voc altera a arvore de contedos.
.ui-panelmenu .ui-menuitem Sobrescrevendo este item, voc altera um menuItem da
arvore.

Adicionando CSS pgina:


Na sua pgina, dentro da tag adicione o seguinte cdigo abaixo:
<style type="text/css">
.ui-panelmenu .ui-menuitem {
background-image: url('../images/verdeBrasil.png') !important;
}
</style>

Criando um arquivo css:


Crie um arquivo chamado estilo.css dentro da sua pasta WebContent, inclua o seguinte cdigo:
<style type="text/css">
.ui-panelmenu .ui-menuitem {
background-image: url('../images/verdeBrasil.png') !important;
}
</style>

Assim, dentro da sua pgina dentro da tag adicione o seguinte cdigo:


<link rel="stylesheet" type="text/css"
href="#{request.contextPath}/estilo.css"/>
Criando um tema:
O primefaces, utiliza de seu prprio tema para sobrescrever atributos css utilizados, isto pode ser
alterado criando um tema, e adicionando ele ao web.xml do seu projeto, este deve estar contido em
um jar, na pasta /WEB_INF/lib/ do seu projeto (pg 541 da documentao) :
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>meuTema</param-value>
</context-param>

Anda mungkin juga menyukai